/*@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital@1&family=Sofia+Sans+Condensed:ital@1&display=swap');

.why {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

*,


:active,
:hover,
:focus {
    outline: 0 !important;
    outline-offset: 0;
}


h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}


html {
    scroll-behavior: smooth;
}

body {
    scroll-behavior: smooth;
    font-family: 'Rubik', sans-serif;
    font-size: 100%;
    font-weight: 400;
    background-color: rgba(245, 242, 242, 0.484);
}

a,
a:hover {
 
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

.img {

    background-color: white;
    border-radius: 13rem 13rem 0 0;

}

.cimg1 {
    margin-top: 60px;
}

/*=== Header CSS ==navbarrr=*/

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a,a:hover{
    text-decoration: none;
}
.top-bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px;
    background-color: rgb(96, 137, 139);
    
}

.top-bar ul{
    list-style: none;
    display: flex;
}





section.header.sticky-top {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-brand img {
    height: 57px;
    width: 90px;
    margin-top: 0px;
}

.navbar {
    
    width: 100%;

}

.header {
    background-color: var(--text-color);
    z-index: 100;

    box-shadow: 0px 0.125rem 0.625rem rgba(0, 0, 0, 0.05);
}

.header .navbar-nav a.nav-link {
    position: relative;
    padding: 0.5rem 1rem;
    color: var(--primary-color);
    -webkit-transition: font-weight 0.3s ease-in-out;
    -moz-transition: font-weight 0.3s ease-in-out;
    -ms-transition: font-weight 0.3s ease-in-out;
    -o-transition: font-weight 0.3s ease-in-out;
    transition: font-weight 0.3s ease-in-out;
}

.header .navbar-nav a.nav-link.active {
    font-weight: 600;
    transition: font-weight 0.3s ease-in-out;
}

.header .navbar-nav a.nav-link::after {
    content: '';
    display: block;
    width: 0%;
    height: 0.1rem;
    box-sizing: border-box;
    background-color: var(--secondary-color);
    transition: width .3s;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 0;
}

.header .navbar-nav a.nav-link:hover::after,
.header .navbar-nav a.nav-link.active::after {
    width: 40%;
    transition: width .3s;
}



 .nav-item .home-link {
   
    background-color:rgb(96, 137, 139);
}


.header .navbar-toggler {
    padding: .25rem 0rem;
}

.close {
    position: fixed;
    top: 2.5rem;
    right: 4rem;
    color: var(--text-color);
    z-index: 3;
    cursor: pointer;
    opacity: 1;
}

.close span,
.close span:before,
.close span:after {
    border-radius: 0.2rem;
    height: 0.2rem;
    width: 2rem;
    background: var(--text-color);
    position: absolute;
    display: block;
    content: '';
}

.close span {
    background: transparent;
}

.close span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



/*price css......*/


/* 2 Navbar */ 
 .header_wrapper .navbar{
    padding: .9375rem 0;
    background-color:white;
    transition:0.9s ease-in-out;
    box-shadow: 0 0.125rem 0.675rem rgb(0 0 0/5%);
    
}

.header_wrapper .navbar-toggler,
.header_wrapper .navbar-toggler:focus{
    border:0;
    box-shadow: none;
    color:#222;
    line-height: 2;
}
.menu-navbar-nav{
    background-color:white;
}
/* .header_wrapper .nav-item{
    margin:0 .625rem;
    background-color: aliceblue;
    border-radius: 6px;
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);

}
.header_wrapper .nav-item:hover{
    margin:0 .625rem;
    background-color: rgb(184, 212, 238);
    border-radius: 6px;
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);

} */


.nav-item.active{
    margin:0 .625rem;
    background-color: rgb(184, 212, 238);
    border-radius: 6px;
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);

}
.header_wrapper .nav-item .nav-link{
    padding: 7px 16px;
    font-size: 18px !important;
    font-weight: 600;
    color:var(--primary);
    display:inline-block;
    font-family:'Josefin Sans', sans-serif;
}
.header_wrapper .nav-item .nav-link:hover{
    padding: 7px 16px;
    font-size: 18px !important;
    font-weight: 600;
    color:var(--secondary-color);
    display:inline-block;
    font-family:'Josefin Sans', sans-serif;
    

}


/* navbar media query......................... */
/* @media screen and (max-width: 1120px) and (min-width: 990px) {
    .header_wrapper .nav-item .nav-link{
        font-size: 0.8rem;
        font-weight: 400;
        color:black;
        display:inline-block;
        font-family:'Josefin Sans', sans-serif;

    } 
}
@media screen and (max-width: 990px) {
    .header_wrapper .nav-item{
        margin:0 .625rem;
        background-color: aliceblue;
    border-radius: 0%;
box-shadow: none;    
    }

    .navbar-brand img {
        height: 83px;
        width: 87px;
        margin-top: 0px;
    }
    
    .navbar {
        height: 91px;
        width: 100%;
    
    }


    .header_wrapper .navbar{
        padding: 0;
        background-color:white;
        transition:0.9s ease-in-out;
        box-shadow: 0 0.125rem 0.675rem rgb(0 0 0/5%);
        
    }

} */
/* 
.header_wrapper .nav-item .nav-link:hover,
.header_wrapper .nav-item .nav-link:focus,
.header_wrapper .nav-item .nav-link.active{
    color:cadetblue;
}
.navbar.header-scrolled{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background-color:#fff;
    box-shadow: .5084rem 1.1419rem 2.5rem 0 rgb(0 0 0 / 8%);
    transition:0.3s ease-in-out;
} 


 */

/* 
.slide-container {
    width: 400px;
    height: 30px;
    overflow: hidden;
    position: relative;
  }

  
   */

/* .slide2 {*/
/*    display: none;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*  }*/
  
/*  .slide2.active {*/
/*    display: block;*/
/*  }*/
/*   
  .slide-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

  .slide-nav.active {
    opacity: 1;
}
.slide-nav h2{
    font-size: 14px;
    color:#fff;
    margin-top: 0.30rem;
}

.searchbar{
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;

}
.searchbar .icon{
    margin: 0 0.5rem;
    margin-top: 0.4rem;
    color: #fff;
}

.search{
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;

}
.search .icon{
    margin: 0 0.5rem;
    margin-top: 0.4rem;
    color: #fff;
}

#search-results {
    display: none;
  }
  #search-inputt{
   
    width:320px;
    border: none;
    margin-left:5px;
    background: none;
}
#search-inputt::placeholder {
    color: #fff; 
  }
  #search-input{
   
    width:320px;
    border: none;
    margin-left:5px;
    background: none;
}
#search-input::placeholder {
    color: #fff; 
  }
  .srch-rslt{
      background-color:white;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .srch-inpt{
      color:white;
  }

@media screen and (max-width: 734px) {
   .searchbar .boxx {
       font-size:9px;
    }

}


.select-city{
    display: flex;
    align-items: center;
    justify-content: center;
}
.select-city span a{
margin-bottom: 0;
    font-size: 2rem;
    cursor: pointer;
    background-color: rgb(184, 212, 238);
}
.select-city span{
    margin-bottom: -6px;
}

.top-bar-btn{
margin:0 .625rem;
border: 1px solid black;
background-color: aliceblue;
border-radius: 6px;
}
.top-bar-btn .nav-item{
    font-size: 1rem;
    font-weight: 700;
    padding: 0.2rem 0.4rem;
    color:black;
    display:inline-block;
    font-family:'Josefin Sans', sans-serif;
}

.top-bar-btn .nav-item:hover{
    background-color: rgb(184, 212, 238);
    border-radius: 4px;
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
 
}
@media screen and (max-width: 738px) {
    .top-bar-btn .nav-item{
        font-size: 0.7rem;
        font-weight: 700;
        padding: 0.3rem 0.3rem;
        color:black;
        display:inline-block;
        font-family:'Josefin Sans', sans-serif;
    }
    .slide-nav h2{
        font-size: 12px;
        color:#fff;
        margin-top: 0.30rem;
    }
    .slide-container {
        width: 300px;
        height: 30px;
        overflow: hidden;
        position: relative;
      }
      .select-city span{
        margin-bottom: -5px;
    }
    .select-city span a{
        margin-bottom: 0;
            font-size: 1.6rem;
            cursor: pointer;
            background-color: rgb(184, 212, 238);
        }
}

@media screen and (max-width: 590px) {
    
    
    .slide-container {
        width: 200px;
        height: 40px;
        overflow: hidden;
        position: relative;
      }
     
   
        .top-bar{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 9px 10px;
            background-color: rgb(96, 137, 139);
            
        }
}
@media screen and (max-width: 472px){
    .top-bar-btn .nav-item{
        font-size: 0.8rem;
        font-weight: 700;
        padding: 0.3rem 0.3rem;
        color:black;
        display:inline-block;
        font-family:'Josefin Sans', sans-serif;
    }
    
    .slide-container {
        width: 120px;
        height: 40px;
        overflow: hidden;
        position: relative;
      }
      .select-city span{
        margin-bottom: -5px;
    }
    .slide-nav h2{
        font-size: 10px;
        color:#fff;
        margin-top: 0.20rem;
    }
    .select-city span a{
        margin-bottom: 0;
            font-size: 1.7rem;
            cursor: pointer;
            background-color: rgb(184, 212, 238);
        }
        .top-bar{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 9px 7px;
            background-color: rgb(96, 137, 139);
            
        }
}
@media screen and (max-width: 388px) {
    .select-city span a{
        height: 29px;
        margin-top: -3px;
        margin-bottom: 0;
            font-size: 1.7rem;
            cursor: pointer;
            background-color: rgb(184, 212, 238);
        }
        .top-bar{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 9px 0;
            background-color: rgb(96, 137, 139);
            
        }
}



@media screen and (max-width: 355px) {
    .select-city span a{
        height: 47px;
        margin-top: -5px;
        margin-bottom: 0;
            font-size: 1.7rem;
            cursor: pointer;
            background-color: rgb(184, 212, 238);
        }
}



/*landing______page_____css*/



 */

/*   
  .landing {
    background: url('car-img3.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 370px;
    padding-top: 2.5rem;
  }
  
  .landing .content {
    flex-basis: 100%;
      max-width: 100%;
      
      
  }
  
   .landing h1 {
    font-size: 3.3rem;
    margin-bottom: 10px;
    font-weight:700;
  }
 .landing .content span{
      font-size:20px;
      font-weight:none;
  }
  .landing p {
    font-size: 2.5rem;
    font-weight:600;

  }
  .homee{
      text-align:center;
      margin-top:13rem;
  }
  
  
  @media screen and (max-width: 1203px)  {
       .landing h1 {
    font-size: 3rem;
    margin-bottom: 10px;
    font-weight:700;
  }
 
  .landing p,span {
    font-size: 3rem;
    font-weight:600;
   
  }
  
      
  }
   @media screen and (max-width: 993px)  {
       .landing h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
    font-weight:700;
  }
 
  .landing p,span {
    font-size: 2rem;
    font-weight:600;

  }
  
      
  }
 @media screen and (max-width:770px)  {
       .landing h1 {
    font-size: 2rem;
    margin-bottom: 10px;
    font-weight:700;
  }
 
  .landing p,span {
    font-size: 1.5rem;
    font-weight:600;
    
  }
  
      
  }
  @media screen and (max-width:502px)  {
       .landing h1 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight:700;
  }
 .landing .content span{
     font-size:13px;
 }
  .landing p,span {
    font-size: 1rem;
    font-weight:600;

  }
  
      
  }
   @media screen and (max-width:388px)  {
       .landing h1 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    font-weight:700;
  }
 .landing .content span{
     font-size:10px;
 }
  .landing p,span {
    font-size: 0.8rem;
    font-weight:600;
 
  }
  
      
  }
  
  
  
  
   */
  
  form_____________css
/* 
.contact{
    padding:2rem 0;
    background-color:var(--bg-light-white);
}
.contact .info li p a{
    font-size: 1rem;
    display:inline-block;
    margin:0.75rem 0;
    color:var(--text-black);
} 
.contact .form-group{
    margin-bottom:1.5rem;
}
.contact .form-control{
    height:3.75rem;
    padding:0.375rem 1.1875rem;
    border:none;
    font-size: 1rem;
    box-shadow: 0 0.1875rem 1.25rem 0 rgb(0 0 0 / 12%);
}
.contact .textarea{
    width:100%;
    border-radius: 0.25rem;
    padding:0.75rem 1.1875rem;
    border:none;
    font-size: 1rem;
    margin-top:0.3125rem;
    box-shadow: 0 0.1875rem 1.25rem 0 rgb(0 0 0 / 12%);;
}
.contact .textarea:focus{
    outline:none;
    border:none;
}
.family-card{
    border-radius: 0.35rem;
    box-shadow: 0 0.1875rem 1.25rem 0 rgb(0 0 0 / 12%);;
background-color: white;
transition: all 0.3s ease-in-out;
}
.family-card:hover{
    transform: translateY(-0.4vmax);
}


 */



/*price css......*/
/*    .................*/
/*            ......................*/








/*homee css......*/
/*    .................*/
/*            ......................*/


.home-heading span{
    font-size: 10px;
    color: blue;
    }

@media screen and (max-width: 870px) {
   
    .home-heading h1,span{
        font-size: 10px;
        }
}
@media screen and (max-width: 690px) {
   
    .home-heading h1,span{
        font-size: 10px;
        font-weight: 400;
        }
}
@media screen and (max-width: 515px) {
   
    .home-heading h1,span{
        font-size: 20px;
        font-weight: 400;
        }
}
@media screen and (max-width: 370px) {
   
    .home-heading h1,span{
        font-size: 18px;
        font-weight: 400;
        }
}


.price_wrapper .card {
   
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(40, 39, 39, 0.563);
}
.price_wrapper .card:hover{
    transform: translateY(-0.4vmax);
}

.main-btn:hover{
    border:2px solid rgb(37, 28, 28);
}

.massage-home{
    background-color: cadetblue;
    color: #fff;
    border-radius:20px;
    border:2px solid cadetblue;
}

/* carousel css... */
.carousel-captionn-1{
    position: absolute;
    top: 50%;
    right: 15%;
    transform: translate(13%, -40%);
    

    
}
.carousel-captionn-2{
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translate(-7%, -50%);
  
}
.carousel-captionn-2 h2,
.carousel-captionn-1 h2{
color: white;
    text-shadow:2px 2px 4px #222;

}
.carousel-item{
    /* transition-duration: 1s; */
}

@media screen and (max-width: 880px) and (min-width: 500px) {
    .carousel-captionn-2 h2,
.carousel-captionn-1 h2{
color: white;
    text-shadow:2px 2px 4px #222;
font-size: 18px;
}
.carousel-captionn-2 a,
.carousel-captionn-1 a{
font-size: 12px;
}

}
@media screen and (max-width: 500px) and (min-width: 280px) {
    .carousel-captionn-2 h2,
.carousel-captionn-1 h2{
color: white;
    text-shadow:2px 2px 4px #222;
font-size: 12px;
}
.carousel-captionn-2 a,
.carousel-captionn-1 a{
font-size: 12px;
padding: 2px 7px;
}
 .car-img{
    height: 200px;
    width: 100%;
}
}


/*=== Service CSS ==*/
.services {
    padding-top: 1rem;
}


.section-head span {
    display: inline-block;
    text-decoration: none;
    color: inherit;

}

.section-head {
    margin-bottom: -1rem;

}

.section-head h4 {
    position: relative;

    /* padding:8px; */
    color: var(--secondary-color);
    line-height: 1;
    letter-spacing: 0.019;
    font-size: 2.125rem;
    font-weight: 500;
    margin-left: 30px;
    text-transform: none;
    margin-bottom: 1.875rem;

}

.section-head h4 span {
    font-weight: 700;
    padding-bottom: 0.313rem;
    color: var(--black-light-color);

}

.section-head p {
    color: var(--black-light-color);
    font-size: 1rem;
    line-height: 1.75rem;
    text-align: center;

}

.corp-card{
    /* border: 2px solid cadetblue; */
    border-radius: 16px;
    box-shadow: 0 0.1875rem 1.25rem 0 rgb(0 0 0 / 12%);

}

.service-item {
    background: var(--text-color);
    text-align: center;
    padding: 0.875rem 0.563rem;
    /* height: 350px; */
    border-radius: 1.25rem;
    box-shadow: 0 6px 20px rgba(40, 39, 39, 0.563);

    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
    margin-bottom: 1.875rem;
    border: 1px solid cadetblue;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}



.homes img{
    height:70px !important; 
}
.service-item del{
    color:red;
}
.homes {
    margin-top: -17px;
}

.homes1 {
    margin-top: -15px;
}

.homes2 {
    margin-top: -22px;
}

.homes3 {
    margin-top: -14px;
}

@media only screen and (max-width:600) {
    .img-fluid {
        width: 50%;
        margin-top: 20px;
    }

    /* .homes {
        margin-top: -20px;
    }

    .homes1 {
        margin-top: 45px;
    }

    .homes2 {
        margin-top: -15px;
    }

    .homes3 {
        margin-top: 25px;
    } */
}

.service-box figure {
    position: relative;
    width: 11.25rem;
    height: 5.65rem;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.service-box figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    padding: 0 15px;
    /*z-index: 2;*/
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.service-box:hover figure figcaption {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



.new{
    color: black;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 4px;
    padding: 5px 8px;
    font-size: 9px;
    cursor: pointer;
    overflow: hidden;
    /* border: 2px solid cadetblue; */
    background-color: aliceblue;
    border-radius: 6px;
}
.btn1{
    /* background: linear-gradient(to right,#03effe,#026be2); */
}

.new:before{
    content: '';
    position: absolute;
    height: 50px;
    width: 20px;
    background-color: white;
    opacity: 0.9;
    top: -30px;
    transition:1s;
    transform: rotate(-20deg) translate(140px,70px);
    animation: moveDiv 1.5s infinite alternate;
}
.hover{
    display: flex;
    justify-content:space-between;
    align-items: center;
}
@keyframes moveDiv {
    0% {
        transform: rotate(-20deg) translateX(-60px);
    }
    100% {
        transform: rotate(-20deg) translate(140px,70px);
    }
}

.service-item p {
    font-size: 0.80rem;
}

.service-item h5 {
    color: var(--black-light-color);
    line-height: 1.625rem;
}

.service-item .service-price {
    font-size: 1.20rem;
    font-weight: 700;
}

/*== Our Features ==*/
.features {

    color: #000;
    margin-top: 2rem;

}

.features h3 {
    border: 2px solid cadetblue;

    color: cadetblue;

}

.how {
    background-color: white;
    box-shadow: -8px -8px 15px rgba(24, 24, 24, 0.1), 5px 5px 15px rgb(0, 0, 0);
    /* box-shadow: 8px 8px 8px 4px #888888 */
}


.features .section-head h4 {
    color: var(--secondary-color);
}

.features .section-head h2,
.features h4 {
    color: #000;
}

.feature-icon {
    width: 5.313rem;
    height: 5.313rem;
    line-height: 5.13rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    /* border: 1px solid #675d56; */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    margin: 0 auto;
    margin-bottom: 1.25rem;
    position: relative;
}

.feature-box:hover .feature-icon {
    transform: scale(0.93);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    -o-transform: scale(0.93);
    color: var(--text-color);
    background-color: rgb(246, 245, 245);
}

.feature-box h4 {
    font-size: 1.20rem;
    margin-bottom: 1rem;
}

.feature-box p {
    font-size: 0.900rem;
    margin-bottom: 1rem;
}


.add-on-del del{
    color: red;
}
.add-on-del span{
    color:blue;
}
/*== Footer CSS ==*/
.footer {
    padding-top: 3rem;
    background-color: black;

}

.copyright-text {
    color: cadetblue;
}
.foot-aboutus a{
    color: cadetblue;
}
.footer .footer-menu ul li a,
.footer p,
.footer ul li {
    color: var(--secondary-color);
    list-style: none;
}

.footer-menu ul li a {
    font-size: 0.9rem;
    line-height: 2rem;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.footer-menu ul li a:hover {
    color: var(--secondary-color) !important;
}

.footer-widget-title {
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-color);
}

.mini-footer {
    text-align: center;
    padding: 32px 0;
    border-top: 0.0650rem solid var(--secondary-color);
}

.mini-footer p {
    margin: 0;
    line-height: 1.6rem;
    font-size: 0.850rem;
    color: cadetblue;
}

.mini-footer p a {
    color: var(--secondary-color);
    font-weight: 500;
}

.widget-about .contact-details li {
    margin-bottom: 0.8rem;
}

.widget-about .contact-details li:last-child {
    margin-bottom: 0;
}

.widget-about .contact-details li i {
    padding-right: 0.8rem;
    color: var(--text-color);
}

.widget-about .contact-details li a {
    color: var(--text-color);
}

.widget-about .social_icons li {
    list-style: none;
    display: inline-block;
    margin: 2rem 0.3rem;
}
.social-icons .icon-row div{
    width: 15%;
}
.social-icons a i{
    width: 2.5rem;
    height: 2.5rem;
    color: cadetblue;

}
.widget-about .social_icons li a i {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.4rem;
    text-align: center;
    color: cadetblue;
    border: 1px solid var(--secondary-color);
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.widget-about .social_icons li a i:hover {
    background-color: var(--secondary-color);
    color: var(--text-color);
    transform: translateY(-0.5rem);
    -webkit-transform: translateY(-0.5rem);
    -moz-transform: translateY(-0.5rem);
    -ms-transform: translateY(-0.5rem);
    -o-transform: translateY(-0.5rem);
}

.site-button {
    color: var(--text-color);
    background-color: var(--secondary-color);
    padding: 0.6rem 1rem;
    display: inline-block;
    font-size: 0.875rem;
    outline: none;
    cursor: pointer;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    line-height: 1.42857;
    text-decoration: none !important;
    border-radius: 0px .25rem .25rem 0;
    -webkit-border-radius: 0px .25rem .25rem 0;
    -moz-border-radius: 0px .25rem .25rem 0;
    -ms-border-radius: 0px .25rem .25rem 0;
    -o-border-radius: 0px .25rem .25rem 0;
}

/*== Scroll Top ==*/
.back-to-top {
    position: fixed;
    bottom: 4.5rem;
    right: 2rem;
    z-index: 100;
    display: none;
}

.back-to-top a {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    display: block;
    background: var(--secondary-color);
    color: var(--text-color);
    text-align: center;
    border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
}

.company-team {
    margin-top: 25px;
}


.testimonial-section {}

.testimonial-section .carousel-item {
    margin-top: 3rem;
    padding: 8rem 3.125rem;
    background-color: white;
    border-radius: 0.9375rem;

    text-align: center;
}

@media only screen and (max-width:450px) {
    .testimonial-section .carousel-item {
        padding: 15rem 3.125rem;
    }
}

.testimonial-section .carousel-item img {
    /* max-width:5rem;
    border-radius: 50%;
    padding:0.3125rem; */
    width: 100%;
    height: 220px;
}


/* whatsapp icon */
.live-whatsapp {
    position: fixed;
    right: 3rem;
    height: 5rem;
    bottom: 60px;
    left: 26px;
    width: 0.8rem;
   font-size:3rem;

}

.phone {
    position: fixed;
    right: 3rem;
    height: 5rem;
    bottom: 60px;
    /* left: 95%; */
    width: 0.9rem;
    font-size: 3rem;

   
    cursor: pointer;


    z-index:var(--z-overlay);
    justify-content: center;
    transition: var(--tran-0-3);
}
@media only screen and (max-width:450px) {
    .testimonial-section .carousel-item {
        padding: 15rem 3.125rem;
    }
}

.section-head h4 {
    text-align: center;
    border: 2px solid cadetblue;
    border-radius: 20px;
    background-color: rgb(115, 203, 115);
    color: #fff;


}

.questions button {
    border: 2px solid black;
    color: black;
    background-color: white !important;
}

.questions button :hover {
    color: black !important;
}

@media only screen and (max-width: 600px) {
    .section-head h4 {
        text-align: center;
        border: 2px solid cadetblue;
        border-radius: 20px;
        background-color: cadetblue;
        color: #fff;
        margin-right: 30px;
        font-weight: 100;

    }

    .luxury {
        margin: auto;
    }
}






.pc-btn{
    margin:10px !important;
    padding:6px 21px !important;
   
 }

.fa-check-double {
    font-size: 25px;
}



.list-unstyled li {
    list-style-image: url(images/true.html);
}

.luxury {
    background-color: cadetblue;
    color: #fff;
    border-radius: 30px;
    width: 25%;
    margin: auto;
    /* margin-left: 180px; */
    text-align: center;

}

@media only screen and (max-width:500px) {
    .luxury {
        margin-left: 130px;
    }
}

@media only screen and (max-width:991px) {
    .luxury {
        margin-left: 120px;
    }


}

.luxury:hover {
    color: #fff;
}



.main {
    background-color: cadetblue;
    color: #fff;
    padding: 9px;
    border-radius: 30px;

}

.main:hover {
    color: #fff;
}

.wrapper {
    max-width: 100%;
    padding: 0 20px;
}

.wrapper .parent-tab,
.wrapper .child-tab {
    margin-bottom: 8px;
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.18);
    border: 2px solid black;
}

.wrapper .parent-tab label,
.wrapper .child-tab label {
    background: white;
    color: white;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border-radius: 3px;
    position: relative;
    z-index: 99;
    transition: all 0.3s ease;
}

.wrapper .parent-tab label,
.wrapper .child-tab span {
    color: black;
}

.view-more {
    text-decoration: none;
    margin-left: 40%;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.wrapper label span {
    color: black;
    font-size: 18px;
    font-weight: 450;

}

.wrapper .child-tab label span {
    font-size: 17px;
}

.parent-tab label .icon {
    position: relative;
    height: 30px;
    font-size: 10px;
    color: #fff;
    display: block;
    background: #fff;
    border-radius: 50%;
    text-shadow: 0 -1px 1px cadetblue;
}

.wrapper .child-tab label .icon {
    height: 27px;
    width: 27px;
}

.parent-tab label .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 300;
}

.parent-tab input:checked~label .icon i:before,
.child-tab input:checked~label .icon i:before {
    content: '\f068';
}

.wrapper .parent-tab .content,
.wrapper .child-tab .sub-content {
    max-height: 0px;
    overflow: hidden;
    background: #fff;
    border-radius: 0 0 3px 3px;
    transition: all 0.4s ease;
}

.parent-tab input:checked~.content,
.child-tab input:checked~.sub-content {
    max-height: 100vh;
}

.tab-3 input:checked~.content {
    padding: 15px 20px;
}

.parent-tab .content p,
.child-tab .sub-content p {
    padding: 15px 20px;
    font-size: 16px;
}

.child-tab .sub-content p {
    font-size: 15px;
}

input[type="radio"],
input[type="checkbox"] {
    display: none;
}

.linkdin {
    background-color: white;
    border-radius: 50px;
    width: 90%;
}

@media only screen and (max-width: 600px) {
  
    .bsa img {
        height: 200px;
    }

    .card {
        margin-top: 15px;
    }

    .modal {
        width: 100%;
    }

    .modal-add {
        margin-right: 100px;
        margin-left: 55px;
    }

    .modal {
        margin-left: 90px;
    }
}

.card-img {
    margin-left: 3px;
}

.card-para {
    font-size: 13px;
}

.add {
    margin-left: 85px;
    background-color: cadetblue;
    color: #fff;
    padding: 9px;
    border-radius: 30px;
}

.carousel-inner.corporate {
    height: 300px;
}

.img-2 {
    height: 100px;
    width: 100%;
}

.modal-content {
    width: 60%;
}

.modal-add {
    margin-right: 45px;
}


.modal-footer button {
    border-radius: 15px;

}

.swedish {
    margin-left: 20px;
}


/* new heading css */
.heading {
    display: flex;
    justify-content: center;
    align-items: center;
}

.heading div {
    background-color: black;
    height: 1px;
    width: 30vw;
}

.heading p {
    margin: 3vmax;
    color: green;
    font-size: 2vmax;
    font-weight: 300;
   
        
}
.heading-fix{
    height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    position:sticky;
    top:9.4rem;
    z-index: 1;
    background: aliceblue;
    /*margin-bottom:20px;*/
    transition:0.9s ease-in-out;
}


@media screen and (max-width:450px) {
    .heading p {
        /*margin: 3vmax;*/
       
        color: green;
        /*font-size:22px;*/
        font-weight: 600;
        
    }
    .heading div {
    background-color: black;
    height: 1px;
    width: 20vw;
}
}

/* new card css  */

/*.luxury-hotel{*/
/*    margin-top:12rem;*/
/*}*/
.home-massage {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-evenly;

}

.home-massage h5 {
    font-size: 14px;
}

.card-box {

    /* border: 2px solid black; */
    border-radius: 15px;
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
    width: 32%;
    transition: all 0.3s ease-in-out;

}

.card-box:hover {
    transform: translateY(-0.4vmax);

}


.card-box .minute span {
    color: black;
    font-size: 12px;
}

.card-box p {
    font-size: 12px;
}

.time span {
    color: blue;
    font-size: 9px;
}

.time del {
    color: red;
    font-size: 10px;
}

a {
    text-decoration: none;
    color: black;
}


.main-btn {
    font-size: 0.9375rem;
    font-weight: 400;
    padding: 0.625rem 0.875rem;
    text-transform: capitalize;
    border-radius: 8px;
    background-color: white;
    border: 2px solid blue;
    outline: blue;
    margin-top: 10px;
    color: var(--black-color);
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
}
.home-btn {
    font-size: 0.9375rem;
    font-weight: 400;
    padding: 0.2rem 0.2rem;
    text-transform: capitalize;
    border-radius: 5px;
    background-color: white;
    border: 2px solid blue;
    outline: blue;
    margin-top: 10px;
    color: var(--black-color);
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
}

summary {
    font-weight: 500;
}

.main-btn:hover {
    background: transparent;
    color: var(--text-primary);
}



/* new card css  */

/* testimonial setion */
.test-cont {
    border: 1px solid gray;
    background-color: white;
}

.testimonial .testimonial-wrapper img {
    border-radius: 100%;
    margin: 1.25rem auto;
    height: 5rem;
    width: 5rem;
    object-fit: cover;
    background: #f5f5f5;
    border: 0.063rem solid var(--bg-light-white);
}

.testimonial .testimonial-wrapper span {
    color: #777;
    text-transform: uppercase;
    font-size: 1rem;
    margin: 1rem 0;
    display: block;
}

.testimonial .testimonial-wrapper p {
    font-size: 0.875rem;
    color: #777;
    font-weight: 300;
}

.carousel-contro1 {
    position: absolute;
    top: 50%;
    right: 4%;
    border: none;
    font-size: 2rem;
    color: green;
}

.carousel-contro2 {
    position: absolute;
    top: 50%;
    left: 4%;
    border: none;
    font-size: 2rem;

    color: green;
}

.carousel-indicators button {
    background-color: green !important;
    height: 2rem;
}
.carousel-indicators {
    margin-bottom: 0 !important;

}

.star{
    display: flex;
    align-items: center;
    justify-content: center;
}

.star i {

    color: #ffc107;
}
@media screen and (max-width: 1000px) and (min-width: 775px) {

    .card-box p {
        font-size: 10px;
    }
    .home-massage h5 {
        font-size: 10px;
    }
    summary{
        font-size: 10px;
    }
    .time img{
        height: 15px;
        width: 15px;
    }
    .card-box .minute span {
        color: black;
        font-size: 8px;
        word-spacing: 0%;
    }
    .time span {
        color: blue;
        font-size: 8px;
    }
    
    .time del {
        color: red;
        font-size: 8px;
    }
}

@media only screen and (max-width:775px) {
    .home-massage {
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: column;
        /*width: 100%;*/
    }

    .card-box {

        /* border: 2px solid black; */
        border-radius: 15px;
        box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
        width: 90%;
        transition: all 0.3s ease-in-out;

    }
    .card-row >div{
        width: 50%;
    }
    .card-box p {
        font-size: 0.6rem;
    }
    summary{
        font-size: 12px;
    }
    .home-massage h5 {
        font-size: 12px;
    }
    
    /* .product-card,
    .product-name {
        width: 50%;
    } */


}





.product-list img {
    /* margin-top: 1.3rem;
    height: 100px;
    width: 65%; */
}

.product-list .main-btn {

    font: 0.6375rem;
    font-weight: 400;
    padding: 0.325rem 1rem;
    text-transform: capitalize;
    border-radius: 8px;
    background-color: white;
    border: 2px solid blue;
    outline: blue;
    margin-top: 10px;
    color: var(--black-color);
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);

}
.price_wrapper{
    margin-top: -14px;
}


.carousel-heading h6 {
    margin-left: 5rem;
}

.about-section>div{
    text-align: center;
}


.blog-img img{
    width: 100%;
    
}

.text-warning{
    font-weight: bold;
}


.img-box{
    display:flex;
    justify-content:center;
    align-items:center;
}

.content span{
    font-size:16px;
}

   
.main-btn-corp{
     font: 0.6375rem;
     width:50%;
     margin:auto;
    font-weight: 400;
    padding: 0.225rem 0.7rem;
    text-transform: capitalize;
    border-radius: 8px;
    background-color: white;
    border: 1px solid blue;
    outline: blue;
    margin-top: 10px;
    color: var(--black-color);
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
cursor:pointer;
}
.hide{
    display: none;
  }
  .hide2{
    display: none;
  }
.blog #readmore{
    position: absolute;
    left: 31%;
}

@media screen and (max-width: 490px) {
.main-btn {
    /*margin-left:33px;*/
    font-size: 0.7375rem;
    font-weight: 300;
    padding: 0.425rem 0.675rem;
    text-transform: capitalize;
    border-radius: 8px;
    background-color: white;
    border: 2px solid blue;
    outline: blue;
    margin-top: 10px;
    color: var(--black-color);
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
    }
 }

/*.....................jiifit family css,,,,,,,,,,,,,,,,,,,,*/
 .narayan-img{
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .rakesh-img{
        margin-top:11rem;
    }
    *{

    }
    
    @media only screen and (max-width:900) {
         .rakesh-img{
        margin-top:0;
    }
        
    }





/*,,,,,,,,,,,,,,,,,,,,,,,,,,readmore card css............................*/




.new-card .card-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.new-card .card-text {
    font-size: 18px;
    margin-bottom: 20px;
}

.new-card .btn {
    display: block;
    width: 50%;
    background-color: #4CAF50;
    color: white;
    margin: auto;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    border-radius: 5px;
}


.new-card {
    border-radius: 15px;
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
 
    transition: all 0.3s ease-in-out;

}
.card-3 .new-card{
    border-radius: 15px;
    box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
    width: 32%;
    /* margin: 14px; */
    transition: all 0.3s ease-in-out;

}

.new-card:hover {
    transform: translateY(-0.4vmax);

}


.new-card .minute span {
    color: black;
    font-size: 14px;
}

.new-card .time span {
    color: blue;
    font-size: 13px;
}

.new-card .time del {
    color: red;
    font-size: 13px;
}

.new-card-img {
    display: flex;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:778px) {
   .card-3 .new-card, .new-card {
        border-radius: 15px;
        box-shadow: 0 6px 15px rgba(53, 53, 53, 0.363);
        width: 90%;
        margin: 8px;
        transition: all 0.3s ease-in-out;

    }
    .Faqs-heading span{
        font-size: 12px;
    }
}

@media only screen and (max-width:428px) {
    .new-card .card-title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
        text-align: center;
    }
}

.imunity-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}
.corporate-box{
     display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    
}
.imunity-card {
    width: 33%;
}
.ques-box{
    text-align: left;
    padding-left: 20px;
    /* margin-top: 15px; */
}
.ans-box{
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    background-color:white;
    box-shadow: -8px -8px 15px rgba(88, 88, 88, 0.1), 5px 5px 15px rgb(95, 94, 94);
}
.ans-box p{
    padding-left: 20px;
    padding-top: 10px;
}
.content-box{
    text-align: center;
         margin-top:20px;
        background-color: #fff;
        border-radius: 5px;
        padding: 20px;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
        text-align:justify !important;
    
}
.content-box2{
    text-align: center;
         margin-bottom:1rem;
        background-color: #fff;
        border-radius: 5px;
        padding: 20px;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    
}
.card-2{
    display: flex;
    justify-content:center;
    align-items: center;
flex-wrap: wrap;
}

.male-to-male-img img{
    height:550px;
    width:100%;
}
@media only screen and (max-width:990px) {
    .male-to-male-img img{
    height:300px;
    width:70%;
    margin-left:17%;
}
}



/*city page css*/



.city-box{
    display: flex;
}
.city-box h3{
    font-size: 16px;
    margin: auto;
}
.city-box span{
    color:red;
    font-size:12px;
}
.city-card {
    /* background-color: azure; */
    display: inline-block;
    justify-content: center;
    width: 255px;   
    margin: 10px;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    padding: 0 12px;
    text-align: center;
    box-shadow: 0 6px 20px rgba(40, 39, 39, 0.563);
  }
  .city-card:hover{
    transform: translateY(-0.4vmax);
    }
  .city-card img {
    width: 90px;
    height: 70px;
    object-fit: cover;
    border-radius: 5px;
    margin: 5px 0;
  }
  @media screen and (max-width: 990px) {
    .city-card {
        /* background-color: azure; */
        display: inline-block;
        justify-content: center;
        width: 200px;   
        margin: 9px;
        /* border: 1px solid #ccc; */
        border-radius: 5px;
        padding: 0 10px;
        text-align: center;
        box-shadow: 0 6px 20px rgba(40, 39, 39, 0.563);
      }
      .city-card img {
        width: 85px;
        height: 70px;
        object-fit: cover;
        border-radius: 5px;
        margin: 5px 0;
      }
  }
  @media screen and (max-width: 770px) {
    .city-card {
        /* background-color: azure; */
        display: inline-block;
        justify-content: center;
        width: 230px;   
        margin: 9px;
        /* border: 1px solid #ccc; */
        border-radius: 5px;
        padding: 0 10px;
        text-align: center;
        box-shadow: 0 6px 20px rgba(40, 39, 39, 0.563);
      }
      .city-card img {
        width: 85px;
        height: 70px;
        object-fit: cover;
        border-radius: 5px;
        margin: 5px 0;
      }
  }
  @media screen and (max-width: 532px) {
    .city-card {
        /* background-color: azure; */
        display: inline-block;
        justify-content: center;
        width: 200px;   
        margin: 9px;
        /* border: 1px solid #ccc; */
        border-radius: 5px;
        padding: 0 10px;
        text-align: center;
        box-shadow: 0 6px 20px rgba(40, 39, 39, 0.563);
      }
      .city-card img {
        width: 85px;
        height: 70px;
        object-fit: cover;
        border-radius: 5px;
        margin: 5px 0;
      }
  }
 
@media screen and (max-width: 468px) {
    .city-card {
        /* background-color: azure; */
        display: inline-block;
        justify-content: center;
        width: 180px;   
        margin: 7px;
        /* border: 1px solid #ccc; */
        border-radius: 5px;
        padding: 0 8px;
        text-align: center;
        box-shadow: 0 6px 20px rgba(40, 39, 39, 0.563);
      }
     
      .city-card img {
        width: 75px;
        height: 65px;
        object-fit: cover;
        border-radius: 5px;
        margin: 5px 0;
      }
      .city-box h3{
        font-size: 12px;
        margin: auto;
    }
  }
  @media screen and (max-width: 420px) {
  
    .city-card {
        display: inline-block;
        justify-content: center;
        width: 358px;   
        /*margin-left: 3rem;*/
        border-radius: 5px;
        padding: 0 12px;
        text-align: center;
        box-shadow: 0 6px 20px rgba(40, 39, 39, 0.563);
      }
      
    
 }
 @media screen and (max-width: 364px) {
  
    .city-card {
        display: inline-block;
        justify-content: center;
        width: 305px;   
        /*margin-left: 1rem;*/
        border-radius: 5px;
        padding: 0 12px;
        text-align: center;
        box-shadow: 0 6px 20px rgba(40, 39, 39, 0.563);
      }
      
    
 }


/*gurugram city css*/
.city-location{
    display:flex;
    justify-content:center;
}
.city-location .loc-name{
    width: 45%;
    margin: 0.5rem;
    text-align: center;
    align-items: center;
    border: 1px solid black;
    border-radius: 5px;
    background-color: white;
}
.city-location .loc-name:hover{
    width: 45%;
    margin: 0.5rem;
    text-align: center;
    align-items: center;
    border: 1px solid black;
    border-radius: 5px;
    background-color: rgb(218, 227, 228);
}
.city-location .loc-name p{
padding: 0.5rem;
font-weight: 600;
color: cadetblue;
}

 .search-location{
      display: flex;
    justify-content: center;
    align-items: center;
}
 .search-location div{
    background: white;
    display: flex;
    border: 1px solid;
}
.search-location .icon{
  margin: 0 0.5rem;
    margin-top: 0.8rem;
    color: black;
    
}

.searc-location input{
        width: 231px;
    border: none;
    font-size:0.8rem;
    padding: 5px 8px;
}


#search-input{
    width:320px;
    border: none;
    margin-left:5px;
}
#search-results{
    margin-top: 1rem;
    height:52px;
    overflow:hidden;
}
#search{
    display: flex;
    justify-content: center;
    padding-top:7px;
   
}
.find:hover{
    box-shadow: -8px -8px 15px rgba(24, 24, 24, 0.1), 5px 5px 15px rgb(46, 46, 46);
}
.find{
    justify-content: center; 
    display:flex;
    background-color: white;
    
     /* padding-top: 5px;
    padding-bottom: 6px; */
    border:1px solid black;
    border-radius: 30px;
    padding:0.7rem 6rem;
}
.find .icon{
    font-size: 0rem;
}
.ggn-search{
    margin-top: 15rem;
    margin-bottom: 10rem;
    text-align: center;
}
.ggn-search h3{
    font-weight: 700;
    margin: 2rem 0;
font-size: 3rem;
}
.ggn-search h3 span{
    
font-size: 2rem;
/* font-weight: 500; */
}
.ggn-search p{
    margin: 2rem 0;
    font-size: 2rem;
}



@media screen and (max-width: 990px) {
    .ggn-search p{
        margin: 2rem 0;
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 770px) {
    .ggn-search p{
        margin: 2rem 0;
        font-size: 1rem;
    }
    .ggn-search h3{
        font-weight: 700;
        margin: 2rem 0;
    font-size: 2.5rem;
    }
    .ggn-search h3 span{
        
    font-size: 1.5rem;
    /* font-weight: 500; */
    }
    .find{
        justify-content: center; 
        display:flex;
        background-color: white;
        
         /* padding-top: 5px;
        padding-bottom: 6px; */
        border:1px solid black;
        border-radius: 30px;
        padding:0.7rem 4rem;
    }
    #search-input{
        width:300px;
        border: none;
        margin-left:5px;
    }
}
@media screen and (max-width: 520px) {
    .ggn-search p{
        margin: 2rem 0;
        font-size: 0.8rem;
    }
    .ggn-search h3{
        font-weight: 700;
        margin: 2rem 0;
    font-size: 2.2rem;
    }
    .ggn-search h3 span{
        
    font-size: 1rem;
    /* font-weight: 500; */
    }
    .find{
        justify-content: center; 
        display:flex;
        background-color: white;
        
         /* padding-top: 5px;
        padding-bottom: 6px; */
        border:1px solid black;
        border-radius: 30px;
        padding:0.5rem 1rem;
    }
    #search-input{
        width:197px;
        border: none;
        margin-left:5px;
    }
}
@media screen and (max-width: 400px) {
    .ggn-search p{
        font-weight:600;
        margin: 2rem 0;
        font-size: 0.8rem;
    }
    .ggn-search h3{
        font-weight: 700;
        margin: 2rem 0;
    font-size: 2rem;
    }
    .ggn-search h3 span{
        
    font-size: 0.8rem;
     font-weight: 600; 
    }
    .find{
        justify-content: center; 
        display:flex;
        background-color: white;
        
         /* padding-top: 5px;
        padding-bottom: 6px; */
        border:1px solid black;
        border-radius: 30px;
        padding:0.5rem 0.2rem;
    }
    #search-input{
        width:250px;
        border: none;
        margin-left:5px;
        font-size: 12px;
    }
}

/*contact page css.....................*/

.contact-landing{
    box-sizing: border-box ;
 background-color: rgb(96, 137, 139);
 padding-bottom: 2rem;
}
.contact-box{
    padding: 1rem;
    
    display: flex;
    align-items: center;
justify-content: center;
}
.form-data ,.form-icon{
    display: flex;
    align-items: center;
justify-content: center;
}
.form-icon{
    
    margin: 5px 9px;
    padding: 5px;
}
.contact-box .icon i{
    font-size: 30px;
    
}
.form-icon .icon{
    margin-top: 7px;
}
.form-icon a{
font-size: 29px;
}
.contact-box h3{
    font-weight: bold;
    font-size: 4rem;
}
.form-icon::after {
    content: "";
    position: absolute;
    
    bottom: -5px; /* Adjust the distance of the underline from the text */
    width: 0;
    height: 2px; /* Set the underline thickness */
    background-color: #13181d; /* Set the underline color */
    transition: width 0.3s ease; /* Add a transition for the sliding effect */
}

/* Hover effect to slide the underline */
.form-icon:hover::after {
    width: 10%; /* Expand the underline to 100% width on hover */
}
@media screen and (max-width: 993px) {
    .contact-box h3{
        font-weight: bold;
        font-size: 3rem;
    }
    .form-icon a{
        font-size: 24px;
        }
        .contact-box .icon i{
            font-size: 25px;
            
        }
        .form-icon .icon{
            margin-top: 7px;
        }
}
@media screen and (max-width: 771px) {
    .contact-box h3{
        font-weight: bold;
        font-size: 2.5rem;
    }
    .form-icon a{
        font-size: 19px;
        }
        .contact-box .icon i{
            font-size: 23px;
            
        }
}
@media screen and (max-width: 485px) {
    .contact-box h3{
        font-weight: bold;
        font-size: 1.7rem;
    }
    .form-icon a{
        font-size: 14px;
        }
        .contact-box .icon i{
            font-size: 18px;
            
        }
}