body{
    background:#F8F3EB;
}

/* Carousal CSS Starts Here */

        /* Carousel Fullscreen Setup */
        .carousel-item {
            height: 100vh;
            min-height: 400px;
            background: #000;
            position: relative;
            overflow: hidden;
        }

        /* Video Setup and Sizing */
        .carousel-item video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index:-1;
            transform: translateX(-50%) translateY(-50%);
            object-fit: cover;
            opacity: 0.5; /* Darken video to make text readable */
            transition: transform 8s ease-in-out; /* Setup for zoom effect */
        }

        /* Slow Zoom Effect on Active Slide */
        .carousel-item.active video {
            transform: translateX(-50%) translateY(-50%) scale(1.1);
        }

        /* Caption Styling */
        .carousel-caption {
            z-index: 100;
            bottom: 50%;
        }

        .carousel-caption h2 {
            font-size: 3.5vw;
            font-weight: 700;
            text-transform: uppercase;
            padding:10px;
            letter-spacing: 2px;
            animation: fadeInUp 1s ease forwards;
            opacity: 0;
            position:absolute;
            top:-900;
            left:-50!important;
            background:rgba(0, 0, 0, 0.5); ;
             border-radius: 8px;
             padding: 10px 20px;
             color:#fff !important;

        }
/*
        .carousel-caption p {
            font-size: 1.25rem;
            animation: fadeInUp 1s ease forwards;
            animation-delay: 0.3s;
            opacity: 0;
        }*/

        /* Custom Fade-In Animation for Text */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

/*Scrolling Text*/
scolltext {
  height: 10vh;
  width:80vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border:1px solid blue;
}

.scrolling-words-container {
  display: flex;
  align-items: center;
  font-size: 3.5vw;
  font-weight: 600;
}

.scrolling-words-box {
  height: 3rem;
  margin: auto;
  overflow: hidden;
}
.scrolling-words-box ul {
  margin: 0 0.625rem;
  padding: 0;
  animation: scrollUp 4s infinite;
  
}
.scrolling-words-box ul li {
  display: flex;
  align-items:center;
  justify-content: flex-start;
  height: 3rem;
  list-style: none;
}

@keyframes scrollUp {
  20%, 25% {
    transform: translateY(-20%);
  }
  40%, 50% {
    transform: translateY(-40%);
  }
  65%, 75% {
    transform: translateY(-60%);
  }
  90%, 100% {
    transform: translateY(-80%);
  }
}

.scolltext{
  position: absolute;
  top: 200px;
  left:10px;

}

@media only screen and (max-width:768px){ 
   .scolltext{
  position: absolute;
  top: 100px;
  left:10px;

}
}
/* About BOX */
 	.aboutus{
	 		background-image:url("/../Images/abt.jpg");
	 		background-size: cover;
	 		height: 500px;
	 		margin-top:100px;
      /* border:2px solid blue; */
	 	}

	 	.aboutbox{
	 		position: relative;
	 		top:-50px;
	 		background:#CBB15D;
	 		padding:50px;
	 		text-align:justify;
	 		
	 	}
	 	.aboutbox .heading h2{
	 		color:#4c0041;
	 	}

	 	.aboutbox p{
	 		color:#000;
	 	}

    /* Services Box ===========================================*/


    @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playwrite+NZ:wght@100..400&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caudex&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Meow+Script&display=swap');
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700&display=swap");

    /*    h1 {
  font-size: 25px;
  text-align: left;
  text-transform: capitalize;
}*/

.service-box {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}
.service-icon {
  width: 100%;
  height: 220px;
  padding: 20px;
  text-align: center;
  transition: all 0.5s ease;
}

.service-content {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 220px;
  padding: 20px;
  text-align: center;
  transition: all 0.5s ease;
  background-color: #474747;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform: translateY(110px) rotateX(-90deg);
  -moz-transform: translateY(110px) rotateX(-90deg);
  -ms-transform: translateY(110px) rotateX(-90deg);
  -o-transform: translateY(110px) rotateX(-90deg);
  transform: translateY(110px) rotateX(-90deg);
}
.service-box .service-icon .front-content {
  position: relative;
  top: 80px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.service-box .service-icon .front-content i {
  font-size: 28px;
  color: #fff;
  font-weight: normal;
}

.service-box .service-icon .front-content h3 {
  font-size: 15px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.service-box .service-content h3 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.service-box .service-content p {
  font-size: 13px;
  color: #b1b1b1;
  margin: 0;
}

.orange {
  background-color: #fc7f0c;
}
.blue {
  background-color: #003399;
}

.service-box:hover .service-icon {
  opacity: 0;
  -webkit-transform: translateY(-110px) rotateX(90deg);
  -moz-transform: translateY(-110px) rotateX(90deg);
  -ms-transform: translateY(-110px) rotateX(90deg);
  -o-transform: translateY(-110px) rotateX(90deg);
  transform: translateY(-110px) rotateX(90deg);
}
.service-box:hover .service-content {
  opacity: 1;
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

.modal-header h4{
 font-family: "Playwrite NZ", cursive;
}

.modal-body p{

  font-family: "Lato", sans-serif;
  line-height:40px ;
}

/*Heading*/

/*.heading{
  padding-left: 40px;
}
*/

.divider {
  display: flex;

}
.divider:after {
  content: "";
  flex: 1;
}


.Heading_line {
  align-items: center;
  margin: 1em 1em;
}
.Heading_line:before, .Heading_line:after {
  height: 1px;
  margin: 0 1em;
}

.one-line:before, .one-line:after {
  background: black;
}



.gradient {
  align-items: stretch;
  margin: 1.5em 0;
  height: 2em;
  line-height: 2em;
  color: #fff;
  background: #fc7f0c;
 font-family: "Roboto Condensed";
}


.gradient:after {
  background: linear-gradient(to left, #F8F3EB, #fc7f0c);
}


/* Testimonials */
.testimonial p {
  font-size: 28px;
  letter-spacing: 0.02em;
  line-height: 35px;
}
.testimonial .name {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 35px;
  text-align: left;
}
.testimonial .designation {
  font-size: 14px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #fff;
  opacity: 0.65;
}

.gallery-thumbs {
  height: 100%;
}
.gallery-thumbs .swiper-wrapper {
  align-items: center;
}
.gallery-thumbs .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 250px !important;
  height: 330px;
  position: relative;
}
.gallery-thumbs .swiper-slide img {
  filter: contrast(0.5) blur(1px);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.gallery-thumbs .swiper-slide-active img {
  filter: contrast(1) blur(0px) !important;
}


.gallery-thumbs .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.testimonial-section .quote {
  width: 75%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 100px;
  padding-right: 100px;
}
.swiper-container.testimonial {
  height: 100vh;
}
.testimonial-section .user-saying {
  background: #1E3799;
  width: 60%;
  color: #fff;
  height: 100%;
}
.testi-user-img {
  width: 40%;
}
.testimonial-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.testimonial-section .quote p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.8;
  font-style: italic;
  margin: 0;
}
.quote-icon {
  width: 38px;
  display: block;
  margin-bottom: 30px;
}


/* Footer CSS */

.new_footer_area {
  background: #fbfbfd;
}

.new_footer_top {
  padding: 120px 0px 270px;
  position: relative;
  overflow-x: hidden;
}
.new_footer_area .footer_bottom {
  padding-top: 5px;
  padding-bottom: 50px;
  background:#fff;
}
.footer_bottom {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #7f88a6;
  padding: 27px 0px;
}
.new_footer_top .company_widget p {
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  color: #6a7695;
  margin-bottom: 20px;
}
.new_footer_top .company_widget .f_subscribe_two .btn_get {
  border-width: 1px;
  margin-top: 20px;
}
.btn_get_two:hover {
  background: transparent;
  color: #5e2ced;
}
.btn_get:hover {
  color: #fff;
  background: #6754e2;
  border-color: #6754e2;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.new_footer_top .f_widget.about-widget .f_list li a:hover {
  color: #5e2ced;
}
.new_footer_top .f_widget.about-widget .f_list li {
  margin-bottom: 11px;
}
.f_widget.about-widget .f_list li:last-child {
  margin-bottom: 0px;
}
.f_widget.about-widget .f_list li {
  margin-bottom: 15px;
}
.f_widget.about-widget .f_list {
  margin-bottom: 0px;
}
.new_footer_top .f_social_icon a {
  width: 44px;
  height: 44px;
  line-height: 43px;
  background: transparent;
  border: 1px solid #e2e2eb;
  font-size: 24px;
}
.f_social_icon a {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 45px;
  color: #858da8;
  display: inline-block;
  background: #ebeef5;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ti-facebook:before {
  content: "\e741";
}
.ti-twitter-alt:before {
  content: "\e74b";
}
.ti-vimeo-alt:before {
  content: "\e74a";
}
.ti-pinterest:before {
  content: "\e731";
}

.btn_get_two {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fc7f0c;
  border-color: #fc7f0c;
  color: #fff;
}

.btn_get_two:hover {
  background: transparent;
  color: #fc7f0c;
}

.new_footer_top .f_social_icon a:hover {
  background: #fc7f0c;
  border-color: #fc7f0c;
  color: white;
}
.new_footer_top .f_social_icon a + a {
  margin-left: 4px;
}
.new_footer_top .f-title {
  margin-bottom: 30px;
  color: #263b5e;
}
.f_600 {
  font-weight: 600;
}
.f_size_18 {
  font-size: 18px;
}

.new_footer_top .f_widget.about-widget .f_list li a {
  color: #6a7695;
}

.new_footer_top .footer_bg {
  position: absolute;
  bottom: 0;
/*  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigB8iI5tb8WSVBuVUGc9UjjB8O0708X7Fdic_4O1LT4CmLHoiwhanLXiRhe82yw0R7LgACQ2IhZaTY0hhmGi0gYp_Ynb49CVzfmXtYHUVKgXXpWvJ_oYT8cB4vzsnJLe3iCwuzj-w6PeYq_JaHmy_CoGoa6nw0FBo-2xLdOPvsLTh_fmYH2xhkaZ-OGQ/s16000/footer_bg.png")*/
   background: url("/../Images/gifs/Dxb.png")
    no-repeat scroll center 0;
  width: 100%;
  height: 266px;
}

.new_footer_top .footer_bg .footer_bg_one {
/*  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif")*/
background: url("/../Images/gifs/plane ticket.svg")
    no-repeat center center;
  width: 330px;
  height: 105px;
  background-size: 100%;
  position: absolute;
  bottom: 200;
  left: 30%;
  -webkit-animation: myfirst 22s linear infinite;
  animation: myfirst 22s linear infinite;
}

.new_footer_top .footer_bg .footer_bg_two {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif")
    no-repeat center center;
  width: 88px;
  height: 100px;
  background-size: 100%;
  bottom: 0;
  left: 38%;
  position: absolute;
  -webkit-animation: myfirst 30s linear infinite;
  animation: myfirst 30s linear infinite;
}


.new_footer_top .footer_bg .footer_bg_two {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLGwEUVwPK6Vi8xXMymsc-ZXVwLWyXhogZxbcXQYSY55REw_0D4VTQnsVzCrL7nsyjd0P7RVOI5NKJbQ75koZIalD8mqbMquP20fL3DxsWngKkOLOzoOf9sMuxlbyfkIBTsDw5WFUj-YJiI50yzgVjF8cZPHhEjkOP_PRTQXDHEq8AyWpBiJdN9SfQA/s16000/cyclist.gif")
    no-repeat center center;
  width: 88px;
  height: 100px;
  background-size: 100%;
  bottom: 0;
  left: 38%;
  position: absolute;
  -webkit-animation: myfirst 30s linear infinite;
  animation: myfirst 30s linear infinite;
}

@-moz-keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

@keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

.contactinfo{
  border:1px solid red;

}


/* Services Slider */

.Slideintro {
  position: relative;
  margin: 2em;
  padding: 0.2em 0.6em;
  cursor: pointer;
  color: #fff;
  font-size: 2em;
  max-width: 26em;
}
.Slideintro h1 {
  margin-bottom: 0.5em;
  line-height: 1;
  font-weight: 100;
}
#CrossFade {
  background: #fff;
  display: flex;
  align-items: flex-end;
  height: 90vh;
  overflow: hidden;
  position: relative;
}
#CrossFade img {
  position: absolute;
  width: 100%;
  height: 100%;
  height: auto;
  background: #000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  transform: scale(1.4) rotate(12deg);
  -webkit-animation: CrossFade 24s infinite;
          animation: CrossFade 24s infinite;
}
#CrossFade img:nth-child(3) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
#CrossFade img:nth-child(2) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}
#CrossFade img:nth-child(1) {
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
}

@keyframes CrossFade {
  25% {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
  40% {
    opacity: 0;
  }
}

/* Services Css */


.sticky-parallax-container {
  position: relative;
  height: 60vh; 
}

/* Locks the video container inside the parent during scroll */
.sticky-video-box {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}

.sticky-video-box video {
  width: 100%;
  height: 60%;
  object-fit: cover;
}

.parrelax-text{

	 text-align:justify;
          padding:50px;
          background:#f7f1e3;
}


/* Contact US Form */

        .full-height {
            min-height: 100vh;
        }

        /* Left Video */
        .video-section {
            padding: 0;
            overflow: hidden;
        }

        .video-section video,
        .video-section iframe {
            width: 100%;
            height: 100vh;
            object-fit: cover;
            border: none;
            display: block;
        }

        /* Right Form */
        .form-section {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #003399;
            padding: 40px;
        }

        .contact-card {
            width: 100%;
            max-width: 500px;
            background: #fff;
            padding: 35px;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0,0,0,.1);
        }

        @media (max-width: 767px) {
            .video-section video,
            .video-section iframe {
                height: 300px;
            }

            .form-section {
                padding: 30px 20px;
            }
        }

  /* global Network CSS */
  @-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .carousel-item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

.carousel-inner .carousel-item > img {
  width:100%;
  height: 700px;

}

/* Branches Details CSS */

.slide{
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1em;
  color: #000;
  background-color: #f7f5f2;
}
/*.dn {
  display: none;
}*/


/* Computer */
.grid_1 {
  width: 6.5%;
}
.grid_2 {
  width: 15%;
}
.grid_3 {
  width: 23.5%;
}
.grid_4 {
  width: 32%;
}
.grid_5 {
  width: 40.5%;
}
.grid_6 {
  width: 49%;
}
.grid_7 {
  width: 57.5%;
}
.grid_8 {
  width: 66%;
}
.grid_9 {
  width: 74.5%;
}
.grid_10 {
  width: 83%;
}
.grid_11 {
  width: 91.5%;
}
.grid_12 {
  width: 100%;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  margin: 0 2% 1% 0;
  float: left;
  display: block;
}

.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}

.container-branch {
  width: 90%; /*width: 1000px;*/
  max-width: 1000px;
  margin: auto;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
/** html .clearfix,
*:first-child + html .clearfix {
  zoom: 1;
}*/

/* Mobile */
@media screen and (max-width: 480px) {
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    width: 100%;
  }
}

/* Slide 5 */
#slide5 {
  padding: 20px 0 100px 0;
  background-color: #f7f5f2;
}
.contactmap {
  background: #f48022;
  border-radius: 4px;
}
#slide5 h2 {
  margin: 13px 0 0 30px;
  color: #fff;
  font-size: 1.5em;
}
#slide5 p {
  line-height: 150%;
  color: #fff;
  padding: 5px 0 0 30px;
}
.contactype {
  position: relative;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-align: center;
  background-color: #d63031;
  border-radius: 5px;
  height: 100px;
  float: left;
  transition: all 0.3s ease-in;
}
.contactype p {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -7.5px;
  left: 0;
  padding: 0 !important;
}
/*.contactype:hover,
.contactype.active {
  background-color: #f48022;
}*/
.contactype:hover {
  background-color: #f48022;
}
.contactype div {
  font-size: 4em;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  transition: all 0.2s ease-in;
}
.contactmap .grid_8.omega .grid_6 {
  margin: 40px 0 0 220px;
}
.contactmap .grid_8.omega .grid_6 .btn-box {
  margin-top: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 0;
}
.bus-point {
  display: block;
  margin-bottom: 3px;
}
#contact-bus .grid_6.omega,
#contact-car .grid_6.omega {
  height: 200px;
  overflow-x: hidden;
  position: relative;
}
.contactmap .information span {
  font-weight: bold;
}
#contact-phone .grid_6.omega {
  font-size: 2.5em;
  margin-top: 100px;
}
#contact-mail .grid_6.omega {
  padding-top: 40px;
}
.btn-box {
  display: inline-block;
  padding-left: 56px;
  color: #626263;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 16px 24px 17px 24px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-shadow: none;
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
  margin-left: 2.5em;
}
.btn-box span {
  font-size: 1em;
}

.contactmap {
  height: 300px;
  margin-bottom: 10%;
}
.contactmap .grid_8.omega {
  background-color: #fff;
  height: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#contact-car .grid_10.omega {
  
  margin: 0 auto;
  display: block;
}
#map_canvas {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
.Acc{
  background-image: url("/../Images/flag/Ghana.gif");
  background-size: cover;
}

.con{
  background-image: url("/../Images/flag/Benin.gif");
  background-size: cover;
}

.indajm{
  background-image: url("/../Images/flag/in-flag.gif");
  background-size: cover;
}

.indjpr{
  background-image: url("/../Images/flag/in-flag.gif");
  background-size: cover;
}

.hktsmm{
  background-image: url("/../Images/gifs/SMM3.png");
  background-size:contain;
  background-repeat: no-repeat;

}

.hktemail{
  background-image: url("/../Images/gifs/email.png");
 background-size:contain;
  background-repeat: no-repeat;
}