body{

  font-family: 'Montserrat';

}



.home-banner-section{

  margin:0px;

  padding: 0px 0px;

  position: relative;

}

.home-banner-section .swiper-button-next, .home-banner-section .swiper-button-prev{

  color: #fff;

}
.home-banner-section .swiper-button-next:after, .home-banner-section .swiper-button-prev:after{
  font-size: 31px;
}
.home-banner-section .swiper-button-next:hover:after, .home-banner-section .swiper-button-prev:hover:after{
  opacity: .6;
}
.overlay-home {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;


}

.home-banner-section .overlay {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.home-banner-section .overlay-home .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  height: 100%;

  justify-content: flex-end;

  padding-bottom: 125px;

}



.home-banner-section h1{

  font-family: 'Montserrat';
  color: #fff;
  max-width: 860px;
  font-weight: 500;
  font-size: 56px;
  line-height: 76px;

}

.home-banner-section h1 span {
  background-color: rgba(0, 0, 0, 0.3);
}


.banner-down{

  position: absolute;

  bottom: 30px;

  left: 0;

  right: 0;

  margin: auto;

  z-index: 100;

}

.second-fold{

  /*background: url(../images/home-second-fold-bg.png)no-repeat bottom right #F3F2F0;*/
   background: url(../images/home-second-fold-bg.webp)no-repeat bottom right #F3F2F0;

}
.second-fold.section-space-top {
padding-bottom: 80px;
}

@media (max-width:576px) {
  .second-fold.section-space-top {
    padding-bottom: 0px;
    }
    .home-banner-section video.mobile-img{
      display:none;
      }
}

.first-heading{

  margin-bottom: 55px;

}

.first-heading span{

  margin:0px 0px 0px 50px;

  padding: 0px;

  color: #BDA077;

  font-size: 12px;

  text-transform: uppercase;

  font-weight:400;

  position: relative;

}

.first-heading span::before{

  position: absolute;

  content: "";

  width: 28px;

  height: 2px;

  background: #BDA077;

  left: -45px;

  top: 5px;

}

.first-heading h2{

  font-weight: bold;

  padding: 0px;

}

.second-fold-content {

  padding-left: 0px;

}
.second-fold-content p{
  color: #202020;
  font-weight: 400;
  margin-bottom: 55px;
  max-width: 522px;
}

.row.second-row {

  display: flex;

  justify-content: flex-end;
 
  position: relative;
  bottom: -35px;
}
.row.second-row .w-100 {
  max-width: 486px;
}
.home-counter-wrapper{
    margin-right: 100px;
    margin-top: -100px;
    padding: 25px 40px 25px 80px;
    max-width: 890px;
    background: #BDA077;

}

.home-counter-wrapper h2{

  font-size: 47px;

  line-height: 56px;

  font-weight: 600;

  color: #000;

}
.home-counter-wrapper h2 span {
  font-size: 47px;
  line-height: 56px;
}
.home-counter-wrapper span{

  font-size: 16px;

  line-height: 19px;

  color: #000000;

  font-weight: 500;

}

.home-counter-wrapper .col{

  position: relative;

  

}

.home-counter-wrapper .col::after{

  content: "";

  border-right: 2px solid #6B4D22;

  height: 100%;

  width: 1px;

  display: block;

  top: 0;

  position: absolute;

  right: 2px;

}

.home-counter-wrapper .col:last-child::after{

  display: none;

}

.our-services-home-wrapper{

 text-align: center;

}

.our-services-home-wrapper h4{

  color: #BDA077;

  font-weight: 600;
  font-size: 14px;

}

.our-services-home-wrapper h2{

  font-weight: 700;
  margin-bottom: 20px;
}

.our-services-home-wrapper p {
  max-width: 588px;
  margin: 0 auto 44px;
}

.tab {

  float: left;

  border: 1px solid #ccc;

  width: 50%;

  border-radius:0;

  height: 477px;
  overflow-y: scroll;

}
@media(max-width:1299px) {
  .tab {
    height: 453px;
  }
}

.tab{
  direction: rtl;
}

/* width */
.tab::-webkit-scrollbar {
  width: 5px;
}

.tab-content {
  direction: ltr;
}

/* Track */
.tab::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.tab::-webkit-scrollbar-thumb {
  background:#BDA077;
  border-radius: 10px;
}


.tab button {

  display: flex;

  background-color: inherit;

  color: black;

  padding:24px 15px;

  border: none;

  outline: none;

  text-align: left;

  cursor: pointer;

  transition: 0.3s;

  font-size: 18px;

  font-weight: 700;

  border-bottom: 1px solid #ccc;

  width: 100%;

  padding-left: 60px;

  position: relative;

}

@media (max-width:1600px){
  .tab button{
    font-size: 16px;
  }
}


.tab button i {

  position: absolute;

  right: 29px;

  opacity: 0;

}

.tab button:hover{

  padding-left:85px;

  transition: 0.3s;

}

.tab button:hover i{

  opacity: 1;

}



.tab button:last-child{

  border-bottom: none;

}

.tab button:nth-child(2){

  border-top: 1px solid #ccc;

}

.tab button span{

  color: #BDA077;

  margin-right: 15px;

}



.tab button.active i{

  opacity: 1;

}



.tab button.active {

 padding-left: 85px;

}



.tabcontent {

  float: left;

  padding: 0px 0px;

  border: 1px solid #ccc;

  width: 50%;

  border-left: none;

  border-radius: 0;

  position: relative;

}

.tabcontent {
  overflow: hidden;
}

/* .gradient-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
} */

.tab-left-content {
  position: relative;
  z-index: 2; 
  padding: 20px; 
  color: #fff; 
}


.tab h3{

  text-align: left;

  font-size: 12px;

  color: #BDA077;

  font-weight:600;

  padding-left: 60px;

  padding-top: 50px;

  

}

.tab-left-content{

  position: absolute;

  bottom: 50px;

  width: 100%;

  text-align: left;

  padding: 0 50px;

}

.tab-left-content h4{

  margin: 0px;

  padding: 0px 0px;

  font-size: 26px;

  line-height: 36px;

  color: #fff;

  font-weight: 700;

}

.tab-left-content .row{

  align-items: center;

}

.tab-left-content .border-button {

  margin: 0px 0px;

  padding: 15px 14px 15px 14px;

  border: 1px solid #fff;

  border-radius: 4px;

  font-size: 14px;

  color: #000;

  font-weight: 700;

  text-decoration: none;

  transition: .8s ease;

  background: #fff;

}

.tab-left-content .border-button:hover{

  background: #000;

  color: #fff;

  border: 1px solid #000;

}

/* .tab-left-content img{

  margin-bottom: 20px;

} */



.jubail-section {

  position: relative;

}
.home-video-popup .modal-content {
  background: #000;
}
.home-video-popup .btn-close {
  filter: invert(1);
}
.jubail-section .overlay-home .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  height: 100%;

  justify-content: flex-end;

  padding-bottom: 125px;

}

.jubail-section h4{

  color:#fff;
  font-size: 14px;
}

.jubail-section h2{

  color: #fff;

  font-weight: 700;

  margin-bottom: 25px;

}

.jubail-section p{

  color: #fff;

  margin-right: 0px;

  max-width: 456px;

}

.jubail-section .border-button {

  margin: 30px 0px 0px 0px;

  padding: 15px 14px 15px 14px;

  border: 1px solid #fff;

  border-radius: 4px;

  font-size: 14px;

  color: #000;

  font-weight: 700;

  text-decoration: none;

  transition: .8s ease;

  background: #fff;

}

.jubail-section .border-button:hover{

  background: #000;

  color: #fff;

  border: 1px solid #000;

}



.video-popup-wrapper {

  position: relative;

}

a.play-button-img {

  position: absolute;

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

  top: 50%;

  left: 50%;

}
a.play-button-img img{
  transition: 0.5s all ease;
}
a.play-button-img img:hover {
  transform: scale(1.1);
}


.recent-launches-home-wrapper{

  margin: 0px;

  /* background: url("../images/new-launches-bg-img.png") no-repeat 0px 0px; */

  /* background-size: cover; */

}
.recent-launches-home-wrapper a{
  text-decoration: none;
}
.recent-launches-home-wrapper h4{

  text-align: center;

  color: #BDA077;

  font-weight: 700;

  letter-spacing: 1px;
  font-size: 14px;

}

.recent-launches-home-wrapper h2{

  color: #000;

  font-weight: 700;

  text-align: center;

  margin-bottom: 30px;

}

.recent-launches-slider .swiper-slide img {
  width: 100%;
  transition: 0.5s all ease;
}



.launch-slider-arrow .swiper-button-next,
.launch-slider-arrow .swiper-button-prev {
  transition: right 0.5s ease, left 0.5s ease;
}

.launch-slider-arrow .swiper-button-next.move-right {
  right: 29%;
}

.launch-slider-arrow .swiper-button-prev.move-left {
  left: 29%;
}

/* added on 09-12-2025 */

.recent-launches-slider .swiper-slide h3{
   font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0px;
    line-height: normal;
    color: #fff;

}
.recent-launches-slider .swiper-slide p{
    margin: 0px 0px 18px;
    padding: 0px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    line-height: normal;
}
.swiper-slide.wrap-slide {
    position: relative;
}

.con-wrap {
    position: absolute;
    bottom: 40px;
    left: 35px;
}
.recent-launches-slider .swiper-slide .con-btn-wht {
    background: #fff;
    text-align: left;
    margin: 0;
    padding: 10px 22px;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    display:flex;
    align-items: center;
    width: fit-content;
}
.swiper-arw-wrap {
  position: relative;
}

.recent-launches-slider .swiper-button-next:after, .recent-launches-slider .swiper-button-prev:after{
  display: none;
}
.swiper-button-next.re:after, .swiper-button-prev.re:after{
  display: none;
}

.launch-slider-arrow .swiper-button-prev{
  left:-70px;
  right: auto;
  top: 50%;

}

.launch-slider-arrow .swiper-button-next{
  right:-70px;
  left: auto;
  top: 50%;
}
.recent-launches-slider .swiper-slide .con-btn-wht:hover {
  background: #000;
  color: #fff;
}
.recent-launches-slider .swiper-slide .con-btn-wht img {
  display: block;
  width: 5px;
  height: 10px;
  margin-left: 10px;
}

.launch-slider-arrow .swiper-button-prev:hover img{

  transform: scale(1.1);

  transition: .3s ease;

}

.launch-slider-arrow .swiper-button-next:hover img{

  transform: scale(1.1);

  transition: .3s ease;  

}

.substainability-wrapper{

  position: relative;

  text-align: center;

}

.sustainity-content-div {

  position: absolute;

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

  top: 50%;

  left: 50%;

  max-width: 750px;

}

.sustainity-content-div h4{

  color: #fff;

  font-weight: 600;
  font-size: 14px;

}

.sustainity-content-div h2{

  color: #fff;

  font-weight: 700;

  margin-bottom: 30px;

}

.sustainity-content-div p{
  color: #fff;
  margin: 0 0 20px !important;

}


.news-blog-wrapper-home .border-button{
  padding: 15px 24px 15px 24px;
}
.sustainity-content-div .border-button {

  margin: 0px 0px;

  padding: 15px 14px 15px 14px;

  border: 1px solid #fff;

  border-radius: 4px;

  font-size: 14px;

  color: #000;

  font-weight: 700;

  text-decoration: none;

  transition: .8s ease;

  background: #fff;

}

.sustainity-content-div .border-button:hover{

  background: #000;

  color: #fff;

  border: 1px solid #000;

}

.news-blog-wrapper-home .row{

  align-items: center;

  margin-bottom: 30px;

}

.news-blog-wrapper-home h4{

  font-weight: 600;

  color: #BDA077;
  font-size: 14px;
}

.news-blog-wrapper-home h2{

  font-weight: 700;

}

.news-blog-div{

  border: 1px solid #CCCCCC;

  text-decoration: none;

  display: block;

  overflow: hidden;

}
.news-blog-div img {
  transition: transform 0.3s;
}
.news-blog-div:hover img {
  transform: scale(1.05);
}
.news-blog-content{

  padding: 35px 25px;

}

.news-blog-content h4{

  font-size: 14px;

  line-height: 17px;

  color: #565656;

  margin-bottom: 10px;

}

.news-blog-content h3{

  font-weight:700;

  color:#000;

  line-height: 28px;

  margin-bottom: 50px;
  min-height: 112px;

}
.news-blog-content h3 span {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.news-blog-content span{

  color: #BDA077;
  font-size: 14px;

  font-weight: 600;

  transition: .5s ease;

}

.news-blog-content span i{

  margin-left: 8px;

}

.news-blog-div:hover span{

  margin-left: 20px;

  transition: .5s ease;

}
.news-blog-div:hover .news-blog-content h3 span {
  margin-left: 0;
}


.news-blog-wrapper-home .swiper-button-next:after, .news-blog-wrapper-home .swiper-button-prev:after{

  display: none;

}



.news-blog-slider-wrap{

  position: relative;

}



.news-blog-slider-wrap .swiper-button-next, .news-blog-slider-wrap .swiper-button-prev{

  position: inherit;



}

.news-blog-slider-wrap .news-slider-arrow {

  position: absolute;

  width: 100%;

  top: 50%;

}

.news-blog-slider-wrap .swiper-button-next{

  right: -55px;

  left: auto;

}

.news-blog-slider-wrap .swiper-button-prev{

  left: -55px;

  right: auto;

}
.news-blog-slider-wrap .swiper-button-next img{
  transform: scale(1);
  transition: .3s ease;
}

.news-blog-slider-wrap .swiper-button-prev img{
  transform: scale(1);
  transition: .3s ease;
}
.news-blog-slider-wrap .swiper-button-next:hover img{
  transform: scale(1.1);
  transition: .3s ease;
}

.news-blog-slider-wrap .swiper-button-prev:hover img{
  transform: scale(1.1);
  transition: .3s ease;
}

.connect-with-home-wrapper{

  position: relative;

  text-align: center;

}

.contact-home-content{

  position: absolute;

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

  top: 50%;

  left: 50%;

  max-width: 750px;

}

.home .modal-backdrop.show {
  opacity: 0.9;
}

.contact-home-content h2{

  color: #fff;

  font-weight: 700;

  margin-bottom: 30px;

}

.contact-home-content p{

  color: #fff;

}



.contact-home-content .border-button {

  margin: 0px 0px;

  padding: 15px 14px 15px 14px;

  border: 1px solid #fff;

  border-radius: 4px;

  font-size: 14px;

  color: #000;

  font-weight: 700;

  text-decoration: none;

  transition: .8s ease;

  background: #fff;

}
.news-blog-wrapper-home {
  overflow: hidden;
}
.contact-home-content .border-button:hover{

  background: #000;

  color: #fff;

  border: 1px solid #000;

}

.tab-mobile{

  display: none;

}

.home-video-popup .modal-body{

  padding: 0;

}


@media (max-width: 1300px) {
.news-blog-content h3{

  font-size: 18px;

}

}
@media (max-width: 1190px) {
  .tab-left-content{

    padding: 0 5px;
  
  }
.news-blog-slider-wrap .news-slider-arrow {

  position: absolute;

  width: 100px;

  bottom: -60px;

  top: inherit;

  margin: auto;

  text-align: center;

  left: 0;

  right: 0;

}

.news-blog-slider-wrap .swiper-button-next{

  right: 0;

  left: auto;

}

.news-blog-slider-wrap .swiper-button-prev{

  left: 0;

  right: auto;

}
}
@media (max-width: 1024px) {
  .second-fold-content {
    padding-left: 20px;
}
.home-counter-wrapper{
  margin: auto;
}
.row.second-row {

  bottom: 0px;
}
  


}

@media (max-width: 991px) {
  .row.second-row .w-100 {
    max-width: 486px;
    margin: auto;
    display: flex;
    bottom: 0px;

}
  .launch-slider-arrow {
    position: absolute;
    width: 120px;
    bottom:12px;
    top: inherit;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
}
  .launch-slider-arrow .swiper-button-next {
    right: 0;
    left: auto;
    top: inherit;
    bottom: 0;
}
.launch-slider-arrow .swiper-button-prev {
  left: 0;
  right: auto;
  top: inherit;
  bottom: 0px;
}
  .recent-launches-slider {
    padding-bottom: 110px;
}
  .bottom-footer .text-align-right {
    text-align: center;
}
  .home-banner-section h1{
    font-weight: bold;
    font-size: 40px;
    line-height: 53px;
  
  }

  .news-blog-content h3{

    font-size: 18px;

  }

  .tabcontent{

    display: none !important;

  }

  .tab{

    width: 100% !important;

  }

  .first-heading {

    margin-bottom: 30px;

}

.service-tab-section{

  display: none;

}

.tablinks{

  display: flex;

    background-color: inherit;

    color: black;

    padding: 20px 15px;

    border: none;

    outline: none;

    text-align: left;

    cursor: pointer;

    transition: 0.3s;

    font-size: 18px;

    font-weight: 700;

    border-bottom: 1px solid #ccc;

    width: 100%;

    padding-left: 30px;

    position: relative;

    text-decoration: none;

}

.tablinks i{

  display: none;

}

.tab-mobile{

  display: block;

  border: 1px solid #ccc;

  margin-top: 65px;

}

.tab-mobile h3 {

  text-align: left;

  font-size: 12px;

  color: #BDA077;

  font-weight: 600;

  padding-left: 30px;

  padding-top: 30px;

  padding-bottom: 20px;

}

.tab-mobile span {

  color: #BDA077;

  margin-right: 15px;

}

.tab-mobile a:nth-child(2) {

  border-top: 1px solid #ccc;

}

.jubail-section p{

  margin-right: 0;

}



.recent-launches-home-wrapper .container{

  padding-left: 20px;

  padding-right:0px;

}


.sustainity-content-div {

  position: absolute;

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

  top: 50%;

  left: 50%;

  max-width: 100%;

  width: 90%;

}



.home-counter-wrapper.mobile{

  top: 0;

  padding: 25px;

}



.home-counter-wrapper.mobile h2 {

  font-size: 37px;

  line-height: 19px;

  font-weight: 500;

  color: #000;

  margin-bottom: 10px;

}
.home-counter-wrapper.mobile h2 span {
  font-size: 37px;
  line-height: 19px;
}

.home-counter-wrapper.mobile .col-6.col{

  margin: 20px 0;

  border-right: 1px solid #6B4D22;

}

.home-counter-wrapper.mobile .col-6.col:nth-child(2){

  border-right: 0;

  padding-left: 25px;

}

.home-counter-wrapper.mobile .col-6.col:nth-child(4){

  border-right: 0;

  padding-left: 25px;

}

.second-fold-content{

  padding: 30px 0px 100px 0px;

}

.news-blog-wrapper-home .container{

  padding-right: 0;

}

.home-counter-wrapper .col::after{

  display: none;

}

.jubail-section .overlay-home .container{

  padding-bottom: 50px;

}

.sustainity-content-div h2 {

  color: #fff;

  font-weight: 700;

  margin-bottom: 15px;

}

.contact-home-content {

  position: absolute;

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

  top: 50%;

  left: 50%;

  max-width: 750px;

  width: 100%;
  padding: 0 32px;

}



.col-lg-4.address {

  margin-bottom: 50px;

}

.col-lg-5.quick-links {

  margin-bottom: 50px;

}

.bottom-footer {

  margin: 50px 0px 0px 0px;

  padding: 20px 0px 80px;

  border-top: 1px solid #E8E8E8;

  text-align: center;

}

/* .home-banner-section .swiper-slide-next{

  display: none;

}

.home-banner-section .swiper-slide-prev{

  display: none;

} */


.quick-links .f-menu-links{

  display: none;

}

.quick-links.active .f-menu-links{

  display: block;

}

.toggle-link{

  font-weight: 700;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 30px 0;

    background: url(../images/mobile-footer-arrow.svg) no-repeat center right;

}

.news-blog-wrapper-home {
  padding-bottom: 144px !important;
}



}



@media (max-width: 767px) {
  .home-counter-wrapper.mobile .col-6.col:nth-child(2){
    padding-left: 30px;
  }
  .home-counter-wrapper.mobile .col-6.col:nth-child(4) {

    padding-left: 30px;
}
  .home-counter-wrapper{
    margin: -70px auto 0;
    padding: 25px 80px;
    max-width: 350px;
    background: #BDA077;
    position: relative;
  }
  .second-fold .col-lg-6 {
    padding: 0;
}
  #mega-menu-wrap-header_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-header_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-header_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
    width: 30px;
  }
  #mega-menu-wrap-header_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
    width: 18px !important;
}
  .news-blog-wrapper-home {
    overflow: hidden;
}

  .news-blog-wrapper-home .row{

    text-align: center;

  }

  .jubail-section .row{

    flex-direction: column-reverse;

  }

  .video-popup-wrapper {

    margin-bottom: 50px;

  }

  .news-blog-wrapper-home h2{

    margin-bottom: 30px;

  }
  .home-banner-section h1 br{
    display: none;
  }
}
@media (max-width: 991px) {
  .second-fold-content {
      padding: 30px 20px 0px 20px;
  }
  .second-fold.section-space-top {
    padding-bottom: 0px;
}
}

/* service section */
.tab-cross-link{
  display: flex;
  column-gap: 20px;
 text-decoration: none; 
 align-items: center;
}
.our-services-home-wrapper.section-space-bottom {
  padding-bottom: 50px;
}
/* end */
/* style added by joe - what we offer */
.tab-content .tablinks a {
  text-decoration: none;
  color: #000;
}


/* end */

/* start -10-09-24 */
.second-fold-content .border-button {
  margin-bottom: 120px;
}
.border-button {
  padding: 15px 35px 15px 24px;
  border: 1px solid #BDA077;
  border-radius: 4px;
  font-size: 14px;
  color:#BDA077;
  font-weight: 600;
  text-decoration: none;
  transition: .8s ease;
  display: inline-block;
}
.border-button i{
  margin-left: 20px;
}

.border-button:hover{
  background: #BDA077;
  color: #fff;
  transition: .8s ease;
}
.border-button:hover i path{
  stroke: #fff;
}

/* end */




/* responsive */



@media  (max-width:1200px){
  .jubail-section .overlay-home {
  top: 72px;
  }
  .launch-slider-arrow .swiper-button-next {
  right:425px;
  left: auto;
  top: inherit;
  bottom: -70px;
}
.launch-slider-arrow .swiper-button-prev {
  left:425px;
  right: auto;
  top: inherit;
  bottom: -70px;
}
 
}

 
@media only screen and (max-width: 991px){
 
 .jubail-section .desktop-img {
  height: 480px;
}
.jubail-section .overlay-home {
  top: 24px;
}
.launch-slider-arrow .swiper-button-next {
  right: 10px;
  left: auto;
  top: inherit;
  bottom: 0;
}
.launch-slider-arrow .swiper-button-prev {
  left: 10px;
  right: auto;
  top: inherit;
  bottom: 0;
}
}

@media only screen and (max-width: 767px)
{

  .jubail-section .overlay-home {
  top: 0px;
}
  
}

@media only screen and (max-width: 575px)
{
  .launch-slider-arrow .swiper-button-next {
  bottom: 14px;
}
.launch-slider-arrow .swiper-button-prev {
  bottom: 14px;
}
.recent-launches-home-wrapper.section-space-bottom {
  padding-bottom: 22px;
}
.recent-launches-home-wrapper.section-space-top {
  padding-top: 40px;
}
   
}
 
@media only screen and (max-width: 420px)
{
 
}