* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Josefin Sans', sans-serif;
    @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
}


.city ul li{
  list-style: none;
  font-size: 24px;
}

.city a{
color:#000 !important;
text-decoration: none;
}

.city p{
  font-size: 52px;
  font-weight: 700;
}

.allcities{
  color:#d8be42;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;

}

.navbox{
    width: 100%;
}

.riyadhbox h1{
    font-weight: 700;
    color: black;
}

.riyadhbox{
    padding-top:150px;
}

.btnbox{
padding:14px 25px;
background-color: #000;
border:3px solid #c8a829;
border-radius:8px;
font-size: 16px;
color: #fff;
text-decoration: none;
}


.btnbox1{
    padding:14px 25px;
    background-color: #e9d35b;
    border-radius:8px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    display: flex;
    justify-content: center;
    }

    .btnbox1:hover{
      color:#fff;
    }

    .secound-banner a:hover{
      color:#fff !important;
    }


.btnbox-price{
    padding:14px 25px;
    background-color: #EEEEEE;
    border-radius:8px;
    font-size: 16px;
    text-decoration: none;
    color:#000;
}

.flex-box{
    display: flex;
}

.reservebox{
font-weight:600;
}

.whereinputbox{
width:100%;
    padding-bottom: 11px;
    padding-top: 11px;
    padding-left: 41px;
    padding-right: 33px;
    background-color: #F6F6F6;
    min-height: 52px;
    margin-bottom:10px;
}

.whereinputbox1{
   width:97%;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 14px;
        padding-right: 14px;
        background-color: #F6F6F6;
        border-radius:8px;
        min-height: 52px;
        margin-bottom:10px;
        /* margin: 10px; */
    }


    .text-size{
        font-size: 36px;
    }


    


    .patnertext{
        font-size: 36px;
        line-height: 44px;
        font-weight: 700;
    }
    .pera{
        font-size: 16px;
        line-height: 24px;
    }


    .safetybox{

   line-height: 24px;
    font-size: 16px;

    }
    .cl{
        color: #fff;
        text-align: center;
    }

.testimunial{
width: 100%;
/* background-color:#f6f6f6; */
background-color: #e0c84d;
padding:30px 20px ;

}


.footerbox{
    background-color: #000;
    width: 100%;
    padding: 30px 0px 0px 0px;
    position: relative;
}

.footerbg-img{
    width: 100%;
    height: 470px;
    background-image: url(./images/footer-bg-shape-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .10;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.compaytext{
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
}

.mtbox{

    margin-top: 60px;
}


.second-row{
    width: 80%;
}
    

.slider-heading{
font-size: 18px;
font-weight: 500;
margin-top: 20px;
}

.slider-pro {
font-size: 16px;
font-weight: 600;

}


.ptspace{
padding-top: 150px;
}

.navbar-brand{
width: 7%;
}


.neo-text{
font-size: 24px;
color: #fff;
font-weight: 800;
margin-right: 20px;
}







.effect {
    width: 100%;
  }
  .effect h2 {
    color: #fff;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 3px;
  }
  .effect:nth-child(2) {
    margin-top: 50px;
  }
 
  .effect:nth-child(2n+1) h2 {
    color: #212121;
  }
  .effect .buttons {
    display: flex;
    justify-content: center;
  }
  .effect a:last-child {
    margin-right: 0px;
  }
  
  
  .effect a {
    text-decoration: none !important;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-right: 20px;
    font-size: 25px;
    overflow: hidden;
    position: relative;
  }
  .effect a i {
    position: relative;
    z-index: 3;
  }
  .effect a.fb {
    background-color: #3b5998;
  }
  .effect a.tw {
    background-color: #00aced;
  }
  .effect a.g-plus {
    background-color: #dd4b39;
  }
  .effect a.dribbble {
    background-color: #ea4c89;
  }
  .effect a.pinterest {
    background-color: #cb2027;
  }
  .effect a.insta {
    background-color: #833AB4;

    /* background: linear-gradient(360deg, rgba(5,10,230) 5%, rgba(88,81,216,1) 10%, rgba(131,58,180,1) 7%, rgba(193,53,132,1) 4%,rgba(225,48,108,1) 10%,rgba(253,36,76,1) 9%,rgba(88,81,216) 8%,rgba(247,119,55) 7%,rgba(252,175,69) 10%,rgba(255,220,128) 8%); */

  }

  .effect a.li{
    background-color: #0e76a8;
  }
  .effect a.in {
    background-color: red;
  }

  .effect a.whatsapp {
    background-color: #25d366;
  }

  .effect a.vimeo {
    background-color: #1ab7ea;
  }
  
  /* aeneas effect */
  .effect.aeneas a {
    transition: transform 0.4s linear 0s, border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
  }
  .effect.aeneas a i {
    transition: transform 0.4s linear 0s;
  }
  .effect.aeneas a:hover {
    transform: rotate(360deg);
    border-radius: 50%;
    color: #fff;
  }
  .effect.aeneas a:hover i {
    transform: rotate(-360deg);
    color: #fff;
  }
  
  /* jaques effect */
  .effect.jaques a {
    transition: border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
  }
  .effect.jaques a:hover {
    border-radius: 50%;
  }
  
  /* egeon effect */
  .effect.egeon a {
    transition: transform 0.2s linear 0s, border-radius 0.2s linear 0.2s;
  }
  .effect.egeon a i {
    transition: transform 0.2s linear 0s;
  }
  .effect.egeon a:hover {
    transform: rotate(-90deg);
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .effect.egeon a:hover i {
    transform: rotate(90deg);
  }
  

  
 

  .copyright{
font-size: 18px;
font-weight: 700;
color: #fff;
margin-top: 20px;
z-index: 23456789;

  }


 .ridebtn a:hover,.btnbox1 a:hover{
    color:#fff !important;
  }


  .ridebtn2 a:hover{
    color:#000 !important;
  }



 #gmap_canvas {
    width:500px; 
    height:600px;
    overflow:hidden;
    background:none!important;
  }

 
  .main-banner{
    width: 100%;
    /* height: 400px; */
    margin-bottom: 20px;

}

  /* .top-banner {
    background-image: url(./images/neo-img2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
     min-width: 100%;
    height: auto; 
    min-height: 476px;
     top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scaleX(1); 
     z-index: -1;
} */

/* 
.top-banner2 {
  background-image: url(./images/city12.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
   min-width: 100%;
  height: auto; 
  min-height: 100%;
   top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scaleX(1);
  
} */



.abouttext{
  /* position: absolute;
  transform: translate(-50%,-50%);
  top: 76%;
  left: 21%; */
  margin-top: 20px;

font-size: 52px;
font-weight: 700;
line-height: 64px;
color:#000;

}

.reimagine-heading{
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;

}

.Movementtext{
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}

.secound-banner{
  background-image: url(./images/ceo.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
  min-width: 100%;
  height: 600px;
  min-height: 100%;
}

.main-bg{

  background-image: url(./images/cta-2-bg-1-1.png);
  transform: rotate(180deg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
  min-width: 100%;
  /* height: 400px; */
  min-height: 100%;
  padding: 20px;
  
}
.bg-color{
  background-color: #f4f5fc;
  padding: 20px;
}


.content-box{
  width:30%;
  position: absolute;
  transform: translate(-50%,-50%);
  top:50%;
  left:30%;
}

.content-box h2{
  font-size: 52px;
  font-weight: 700;
  color: #fff;
}

.content-box p{
  font-size: 16px;
  color: #fff;
}

.pt-space{
  padding-top: 102px;
}
.pera{
  font-size: 16px;
}

.companysub-heading{
font-size: 18px;
font-weight: 500;
margin-top: 20px;

}

.mb{
  margin-bottom: 30px;
}
.companytext{
font-size: 16px;
}


.btntext{
  text-decoration: none;
  color: #e1c94f;
  font-size: 18px;
  font-weight: 900;
}

.btntext:hover{
  color:#e1c94f;
}

.seebtn{
  color:#e1c94f;
  font-size: 18px;
}

.btn-outline-warning{
  border-radius: 30px !important;
}




.collapsible {
  /* background-color: #777;
  color: white; */
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* .active, .collapsible:hover {
  background-color: #555;
} */

.collapsible:after {
  content: '\002B';
  /* color: white; */
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

#collepse .active:after {
  content: "\2212";
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-top: 30px;
  margin-bottom: 20px;
  /* background-color: #f1f1f1; */
}




.footerlogo{
  width: 9%; 
  margin: 4px 20px 20px 20px;
  

}

.sprit{
  width: 19%;
height: 0%;
/* margin-top: 65px; */
}


.paypal{
  width: 40%;
height: 0%;
}

.safekab-text{
  font-size: 18px;
}


.tech{
  text-decoration: none;
  color: #fff;
}

.tech:hover{
  color: #fff;
}


@media only screen and (max-width: 280px){
  .flex-box {
    display: flex;
    flex-direction: column;
}

  #collepse video{
    height: 199px;
  }


  .safekab-text{
    font-size: 9px;
    margin-left: -2px;
    margin-right: 27px;
  }



    .navbar-brand img{
      width: 230% !important;
      margin-left: -44px;
    }
  /* .sprit{
    margin-top: 23px !important;
  } */


  .btnbox ,.btnbox-price {
    padding: 12px 11px;
    font-size: 8px !important;
  }


  
  .abouttext{
    top: 86%;
  left: 47%;
  font-size: 30px;
  }

}


@media only screen and (min-width: 600px) and (max-width: 768px) {

  .navbar-brand img{
    width: 100%;
    margin-left: -250px;
  }

  .neo-text {
    font-size: 18px;}


}



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

   
  .reimagine-heading {
    font-size: 24px;
  }


    .safekab-text{
    font-size: 12px;
    margin-left: -2px;}

    /* .sprit{

      margin-top: 35px;
    } */

    .footerlogo{      
width: 28%;
margin: 4px 20px 20px 20px;
    }
    

    .pt-space {
      padding-top: 31px;
  }

    .abouttext{
      top: 86%;
    left: 47%;
   
    }

    #gmap_canvas,.gmap_canvas,.mapouter {
      width:100% !important; 
      height:600px;
    }

    .riyadhbox{
      padding-top: 0px;
    }

    .btnbox,.btnbox-price{
      font-size: 10px;
margin-bottom: 20px;
    }

    .mtbox {
      margin-top: 29px;
  }

  .second-row {
    width: 100%;
}

.ptspace {
  padding-top: 40px;
}
  
.content-box {
  width: 70%;
  
}

.content-box{
  left:50%;
}

  .content-box h2 {
    font-size: 30px;}

  }


  @media only screen and (min-width: 800px) and (max-width: 950px) {

  

    .content-box{
      width: 60%;
      left: 38%;
    }

    .btnbox{
      font-size: 12px;
    }
    .btnbox-price{
      font-size: 13px;
    }

    .neo-text{
      margin-right: 57px;
    }

    #gmap_canvas,.gmap_canvas,.mapouter {
      width:100% !important; 
      height:600px;
    }

    .navbar-brand img{
      width: 120%  !important;
      margin-left: -255px !important;
    }

    .neo-text {
      font-size: 18px;
    }

    /* .sprit{
      margin-top: 36px;
    } */


  }


  @media only screen and (min-width: 500px) and (max-width: 600px) {
    /* .sprit{
      margin-top: 49px;
    } */
    .neo-text {
      font-size: 18px;
    }

    .navbar-brand img{
      width: 130% !important;
    margin-left: -163px !important;
    }


  }


  @media only screen and (min-width: 300px) and (max-width: 500px) {

   

    .abouttext{
      font-size: 38px !important;
    }

    .safekab-text{
      margin-right:15px;
    }

    /* .sprit{
      margin-top: 56px;
    } */
    
    .navbar-brand img{
      width: 200% !important;
    margin-left: -86px !important;
    }
.neo-text {
  font-size: 18px;
  margin-right: 0px;
}

  }

  .goog-te-gadget{
    color: #212529 !important;
    font-size: 0px !important;
    margin-top: -2px !important;
        margin-left: 10px !important;
  }

  .goog-te-gadget span{
display: none;
  }

  .goog-te-combo{
    padding: 10px !important;
    border-radius: 19px;
  }

  /* .goog-te-gadget .goog-te-combo {
    margin: 4px 16px !important;
} */