@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

body p, body li {color: rgba(100, 100, 100, 1);}
.target-element { scroll-margin-top: 100px; }
.iframe {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 75%; /* 4:3 Aspect Ratio */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 80%;
  border: none;
}
.dropdown:hover .dropdown-menu {
   display: block;
   border-top-width: 5px;
   border-style: solid;
 	border-color: rgba(50, 154, 255, 1);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.name {
  text-align: center;
  color: green;
}
.contact-topbar {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.contact-topbar .social-media img {
	width: 16px;	
}
.rounded-3 {border-radius: 50px !important;}
.border-1 {
 	border-style: solid;
 	border-color:rgba(7, 85, 160, 1);
	border-width: 2px;
}
.border-2 {
 	border-style: solid;
  border-color: rgba(90, 135, 55, 1);
	border-width: 20px !important;
}
.border-3 {
 	border-style: solid;
  border-color: rgba(90, 135, 55, 1);
	border-width: 10px !important;
  border-radius: 15px;
}
.collaps-border, .accordion-item, .accordion-button {
  border-radius: 5px;
}
.accordion-item >.accordion-header .accordion-button:hover {
	color: rgba(70, 170, 170, 1);
}
.accordion-item >.accordion-header .accordion-button {
 	border-top: 2px solid rgba(230, 230, 230, 1);    ;
 	background-color: rgba(255, 255, 255, 1);
	color: rgba(70, 70, 70, 1);
}
.collaps-border, .accordion-item {
 	border-left: 2px solid rgba(230, 230, 230, 1);    ;
 	border-right: 2px solid rgba(230, 230, 230, 1);    ;
 	border-bottom: 2px solid rgba(230, 230, 230, 1);    ;
  margin-bottom: 20px;
}
p.header-contact-text, p.header-contact-text a{
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	color: rgba(255, 255, 255, 1);
	display:inline-block; 
}
.header-contact-text span{
	margin-right: 5px;
}

h1{font-size: 3em;}
h2{font-size: 2.67em;}
h3{font-size: 2.33em;}
h4{font-size: 1.8em;}
h5{font-size: 1.5em;}
h6{ font-size: 1.2em;}
h2, h3, h4, .prise {
  color: rgba(3, 52, 92, 1);
  font-weight: bold;
  text-transform: uppercase;
/*  font-family: 'Faustina',Georgia,"Times New Roman",serif;*/
  line-height: 1.4em;
}
h5 {
	color: rgba(30, 140, 210, 1);
}
.color2 {
  color: rgba(30, 140, 210, 1);
}
.service h5{
  text-transform: uppercase;  
}
.bg-header.sticky-menu .navbar-brand, .bg-header.sticky-menu .navbar-brand img{
	width: 80px;
}

.bg-header.sticky-menu {
  background-color: rgba(255, 255, 255, 1);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001; /* Ensure it stays on top of other content */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional styling */
}
.bg-header.sticky-menu .nav-item .active {
	color: rgba(7, 85, 160, 1) !important;
}
.bg-header.sticky-menu ul li a:hover{
	color: rgba(0, 0, 0, 1);
}
.bg-header.sticky-menu ul li a{
	color: rgba(0, 0, 0, 1);
}

.bg-header.sticky-menu ul li a.disabled{
  color: rgba(0, 0, 0, 0.5);
}

.bg-header ul li a.disabled {
  color: rgba(255, 255, 255, 0.5);
}


.bg-header ul li a:hover{
	color: rgba(255, 255, 255, 1);
}

.bg-header ul li a{
	color: rgba(255, 255, 255, 1);
}
.bg-footer {
	background-color: rgba(26, 26, 26, 1);
}
.bg-footer p {color: rgba(153, 153, 153, 1);}

.bg-2{
	background-color: rgb(255, 255, 255);
}

.bg-1{
	background-color: rgba(240, 240, 240, 1);
}
.nav-item {
	padding: 0px 5px; 
}
.nav-item .active {
	color: rgba(50, 154, 255, 1) !important;
}

.navbar {
	padding: 0px;
}
.navbar-brand {
	max-width: 150px;
}
.navbar-brand img {
	max-width: 150px;
}

.dropdown-item.active, .dropdown-menu a.dropdown-item{
	background-color: rgba(255, 255, 255, 1) !important;
	color: rgba(0, 0, 0, 1) !important;
}

.bg-header.sticky-menu .dropdown-menu a, .bg-header.sticky-menu .dropdown-toggle::after {
 	color: rgba(0, 0, 0, 0.5) !important;
 }
 
.dropdown-menu a, .dropdown-toggle::after {
 	color: rgba(255, 255, 255, 0.5) !important;
 }

/*.navheight {margin-top:80px;}*/
.menu2 {float:right;;}
.menu2 li {display: inline-block;}

.sticky-menu2 .border-bottom {
  border-bottom: none;

}
.navbar-collapse {
position: sticky;
}


.sticky-menu2 {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; /* Ensure it stays on top of other content */

}

.all-page-banner {
  background-image: url(../img/slider/slider3.jpg);
  width: 100vw;
  height: 50vh;
  padding: 25vh 20vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.all-page-banner h3 {
	color: rgba(255, 255, 255, 1); 
}
.slider1 .container, .slider2 .container, .slider3 .container{
  background-color: rgba(0, 0, 0, 0);
} 
.slider1, .slider2, .slider3 {
  width: 100%;
  height: 100vh;
  padding: 20vh 10vw;
  position: inherit;
  background-size: cover;
}
.slider1 {
  background-image: url(../img/slider/slider1.jpg);
}
.slider2 {
  background-image: url(../img/slider/slider2.jpg);
}
.slider3 {
  background-image: url(../img/slider/slider3.jpg);
}
.slider1 .slide-text {
  padding: 5vh 10vh;
}
.slider2 .slide-text {
  padding: 20vh 1vh;
}
.slider3 .slide-text  {
  padding: 20vh 1vh;
}
/*@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Archivo+Black&display=swap');
.slide-text .slide-span1 {
  font-family: 'Archivo Black', sans-serif;
  /*font-family: 'Libre Baskerville', serif;*/
  font-size: 5vw;
  font-weight: 700;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.slide-text .slide-span2 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 8vw;
  font-weight: 700;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.slide-text .slide-span3 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 7vw;
  font-weight: 700;
  text-shadow: 20px 20px 10px rgba(0, 0, 0, 0.5);
}
.slide-text .slide-span1, .slide-text .slide-span2, .slide-text .slide-span3  {
	padding: 0px;
	color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
  line-height: 100%;
}
.slide-text h2 {
  font-size: 46px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  font-family: Montserrat, Arial, sans-serif;
  color: rgba(255, 255, 255, 1);
}
/* slider end */

/* small slider */

#carouselDubai .tour-name{
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 1.0);
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: bold;
  right: 10px;
  top: 10px;
  text-transform: uppercase;
}

/* small slider end*/



/* zoom out Container */
.zoom-out {
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  background: #eee;
}
.zoom-out img {
  transform: scale(1.2);
  transform-origin: 50% 50%;
  transition: transform .25s, visibility .25s ease-in;
}

/* The Transformation */
.zoom-out:hover img {
  transform: scale(1);
}

/* Quick-zoom Container */
.quick-zoom {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  background: #eee;
}
.quick-zoom img {
  transform-origin: 65% 75%;
  transition: transform .25s, visibility .25s ease-in;
}

/* The Transformation */
.quick-zoom:hover img {
  transform: scale(2);
}

        @keyframes slideInFromTop {
            0% {

                transform: translateY(-100%);
                opacity: 0;
            }
            100% {
                transform: translateY(50%);
                opacity: 1;
            }
        }

        .animated-text {
            animation: slideInFromTop 1s ease-out forwards;
            /* Adjust delay for staggered effect if multiple elements */
            /* animation-delay: 0.2s; */ 
        }


.banner_1 {
  background: url(../img/banner-1.jpg) center center no-repeat;
  background-size: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 400px;
  margin-bottom: 25px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  padding: 10vh;
}

.offer-container {
 position: relative;
  text-align: center;
}
.offer-container .offer-top-right{
  content: url('../img/icon-offer.png');
  margin-right: 5px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: auto;
}

.blog-container {
  position: relative;
  text-align: center;
}

.top-right {
  font-size: 1.0em;
  font-weight: bold;
  background-color: #ffc107;
  text-align: center;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 60px;
  height: 60px;
}

.top-right p{
margin-bottom: 0px;
}
.blog-news {
	  padding-left: 20px;
}

.blog-news-date{
	font-size: 0.9em;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.blog-news-head{
	font-size: 1.5em;
	text-transform: uppercase;
}
.blog-news-text{
	font-size: 1.0em;
}
.jumbotron {
	padding: 50px;
}
.social-media img {
	width: 30px;
	transition: transform .2s; /* Animation */
}
.social-media img:hover {
	transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.fpt-btn {
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0px;
  padding: 5px 15px;
  border-width: 3px;
  border-style: solid;
  border-color:rgba(7, 85, 160, 1);
}
.fpt-btn:hover {
  border-width: 3px;
  border-color:rgba(0, 0, 0, 1);
}
.fpt-btn-outline-primary {
  background-color: rgba(255, 255, 255, 1);
  border-color:rgba(7, 85, 160, 1);
  color: rgba(7, 85, 160, 1);
}
.fpt-btn-outline-primary:hover, .fpt-btn-outline-primary:focus, .fpt-btn-outline-primary:active {
  background-color: rgba(7, 85, 160, 1);
  border-color:rgba(7, 85, 160, 1);
  color: rgba(255, 255, 255, 1);
}

.accordion-item{
  border-radius: 5px;
}
.accordion-button {
  border: 0;
}

.accordion-header{
  padding: 0;
  margin: 0;
}
.accordion-button, .accordion-button:hover, .accordion-button:active {
  border: none;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0);
}
.card p {
  margin-bottom: 0.2em;
}
.card-img {
  width:200px;
}
.card {
  font-size: 1.25rem;
}

.our-projects .text-end {
  color: rgba(90, 135, 55, 1);
  font-size: 1.3em;
  line-height: normal;
  margin-right: 20px;
}

.contact-us .address, .contact-us .phone, .contact-us .email {
  border: 1px solid rgba(225, 225, 225, 1);
}
/*
.contact-us .address {
  background-image: url('../images/address.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}
.contact-us .phone {
  background-image: url('../images/phone.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}

.contact-us .email {
  background-image: url('../images/email.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}
*/
.hours, .contact-no {
  font-size: 1.50rem;
  margin: 0px;
}
.email {
  background-image: url('../img/email.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}
.email a {
  font-size: 1.20rem;
  text-decoration: none;
}
a {
  text-decoration: none;
}
.phone p {
  font-size: 1.50rem;
  margin: 0px;
}
.address p {
  font-size: 1.20rem;
}

.photo-album {
  transition: transform .2s; /* Animation */
  margin-top: 15px;
  width: 90%;
}
.photo-album:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}

.news-events h3, .news-events h4, .newsletters h4 {
  color: rgba(0, 0, 0, 1);
}
.newsletters .news-link {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.column2-text {
  column-count: 2;
}
.news-events .row, .newsletters .row .col-sm-12 {
  border-bottom: 1px solid rgba(200, 200, 200, 1);
}
.navbar-toggler:focus, .navbar-toggler {
  border: none;
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: url('../img/icon-menu.svg');
  background-repeat: no-repeat;
  background-position: right bottom;
}
.whatsapp-icon {
  position: fixed;
  bottom: 10px;
  left: 15x;
  z-index: 1050;
  width: auto;
}
.whatsapp-color {
  display: inline-block;

}
.whatsapp-color{
  background-color: rgba(40, 167, 68, 1.0);
  border-radius: 50%;
}
.whatsapp-color a img{
  padding: 15px;
}

.whatsapp::before {
  content: url('../img/icon-whatsapp.svg');
}
.location::before {
  content: url('../img/icon-location.svg');
	padding-right: 5px;
}
.address::before {
  content: url('../img/icon-address.svg');
  padding-right: 5px;
}
.help-center::before {
  content: url('../img/icon-help-center.svg');
  padding-right: 5px;
}
span.dropdown-toggle {
	padding-right: 5px;
	font-weight: bold;
	font-size: 1.2rem;
}
.text-copyright{
	font-size: 0.8rem;
}

/*product hover*/
.highlight-product .product h4 {
	font-size: 1.5rem;
	text-transform: uppercase;
}



.product{
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);

overflow: hidden;
}
.product .product-img img{
width: 100%;
height: auto;
}
.specifies {
position: absolute;
width: auto;
background: rgba(255, 255, 255, 0.8);
padding:10px;
box-sizing: border-box;
transition: .5s;
}
.specifies.img-1 {
bottom: -25%;
}
.specifies.img-2 {
bottom: -25%;
}
.specifies.img-3 {
bottom: -25%;
}
.specifies.img-4 {
bottom: -25%;
}
.specifies.img-5 {
bottom: -25%;
}
.specifies:hover{
background: rgba(255, 255, 255, 1);
}
.product:hover .specifies{bottom: 0}
/*product hover end*/

/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
.slider1, .slider2, .slider3 {
 width: 100vw;
 padding: 20vh 5vw;
}

.navbar {
	padding-top:0px;
	padding-bottom:0px;
	--bs-navbar-brand-padding-y: 0;
	}
 /* .navheight {
	margin-top: 60px;
	}*/
.btn-long-text.fpt-btn {
  font-size: 1rem;
  }
  .navbar-toggler-icon {
    margin-right: 15px;
  }

.column2-text {
  column-count: 1;
}
/*  .dropdown-menu {
	display: block !important;
	}*/

.sm-center{
  display: block !important;
  text-align: center !important;
}
}


/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
.contact-topbar{
	display: none;
}

.specifies.img-1 {
bottom: -35%;
}
.specifies.img-2 {
bottom: -35%;
}
.specifies.img-3 {
bottom: -23%;
}
.specifies.img-4 {
bottom: -23%;
}
.specifies.img-5 {
bottom: -23%;
}

}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
.specifies.img-1 {
bottom: -45%;
}
.specifies.img-2 {
bottom: -45%;
}
.specifies.img-3 {
bottom: -27%;
}
.specifies.img-4 {
bottom: -27%;
}
.specifies.img-5 {
bottom: -27%;
}
}