/* Section Services */
html{font-size:62.5%}

a:hover,a{
	text-decoration:none;
}
body {
    overflow-x: hidden!important;
    font-size: 1.8rem;
	font-family: 'Montserrat', sans-serif;
	background:#efefef;
}

.padding-130{
	padding:13rem 0;
}

.padding-80{
	padding:8rem 0;
}

h2 {
    font-size: 5rem;
    text-align: center;
    font-weight: 600;
    color: #003d7a;
}

button:focus{
	outline:none;
}


/*home css start*/

.desktop-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6rem 0;
}

#header-top {
    z-index: 999;
    position: absolute;
    width: 100%;
    border-bottom: 0.1rem solid rgb(255 255 255 / 20%);
}

.desktop-navigation .navbar-toggle {
    cursor: pointer;
    position: relative!important;
    line-height: 0;
    float: right;
    margin: 0!important;
    width: 32px;
    border: 0;
    background: transparent;
    top: 0;
    right: 0;
}

.signup-btn {
    color: #fff;
    border-radius: 100rem;
    padding: 1.1rem 2.9rem;
    font-size: 1.6rem;
    transition: all linear 0.3s;
    background: #003d7a;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.signin-btn {
    margin-left: 1rem;
    background: rgb(255 255 255 / 19%) !important;
    color: #fff !important;
}


.signup-btn:hover {
    background: #ea4411;
    color: #fff;
    transition: all linear 0.3s;
}

.signup-btn:hover svg{
	transform: translateX(5px);
    transition: all linear 0.3s;
    fill: #fff;
}

.signup-btn svg {
    transition: all linear 0.3s;
    margin-left: 0.8rem;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #ff8001;
    border-radius: 10px;
    left: 0;
    top: 0;
}






.footer {
    text-align: center;
    background: #003d7a;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.footer p {
    font-size: 1.6rem;
    margin: 1rem 0 0 0;
    font-weight: 400;
    color: #ffffff;
}
.desktop-navigation .navbar-nav .nav-link {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 500;
}

.desktop-navigation .navbar-brand img {
    width: 100%;
}



.desktop-navigation .collapse {
    margin-right: 1.5rem;
    flex: auto;
    justify-content: flex-end;
	position:relative;
}

.desktop-navigation ul li {
    margin-right: 3rem;
}

.desktop-navigation ul li:last-child {
    margin-right: 0;
}


.banner-form {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}
.main-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*height: calc(100vh - 259px);*/
}

.mainbanner-slider {
    width: 100%;
    height: 100%;
}

.allcategories-block ul {
    padding: 0;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    margin-top: 4rem;
    flex-wrap: wrap;
    display: grid;
    grid-gap: 19px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    /* grid-auto-rows: 180px; */
    grid-auto-flow: dense;
}

.allcategories-block ul li {
    text-align: center;
    list-style: none;
    background: #fff;
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 17px rgb(0 0 0 / 8%);
    border-radius: 0.5rem;
    transition: all linear 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}


.allcategories-block ul li a {
    padding: 1.5rem 1.5rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.allcategories-block h2 {
    font-size: 5rem;
    font-weight: 700;
    color: #003d7a;
    text-align: center;
	max-width:80%;
	margin:0 auto;
	line-height:6.5rem;
}
.allcategories-block p {
    text-align: center;
    font-weight: 600;
    color: #003d7a;
    margin-top: 1.5rem;
}
.allcategories-block ul li h3 {
    color: #003d7a;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1rem;
}

.allcategories-block ul li img{
filter: brightness(0) saturate(100%) invert(18%) sepia(85%) saturate(1066%) hue-rotate(183deg) brightness(104%) contrast(112%);

}

.allcategories-block ul li:hover h3 {
    color: #fff;
}
.allcategories-block ul li:hover {
    background: #003d7a;
    transform: translateY(-1rem);
    transition: all linear 0.3s;
}

.allcategories-block ul li:hover img {
    filter: brightness(0) saturate(100%) invert(57%) sepia(93%) saturate(6097%) hue-rotate(356deg) brightness(95%) contrast(94%);
}

.popular-listing-main .swiper-slide:hover, .testimonial-main-block .swiper-slide:hover, .popular-listing-main .swiper-slide:hover {
    cursor: url(../images/cursor.png) 35 35,auto;
    margin-bottom: 0;
    margin-top: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.oursolutions-slider .swiper-slide figure img {
    width: 100%;
    
}

.popular-listing-main {
    padding-top: 0rem;
	overflow:hidden;
	background:#fff;
}

.popular-listing-main .swiper-container, .spacebook-block .swiper-container {
    padding-bottom: 8rem;
}


.blog .swiper-container{
padding-bottom:0;	
	
}


.wrap {
  padding: 4.8rem;
  position:relative;
  width: 90%;
}
h3 {
  font-size:2.4rem;
  font-weight: 600;
  text-align:center;
}
.clients {
    align-items: center;
    -webkit-box-align: center;
    justify-items: center;
    margin: 4.8rem auto 0 0;
    display:grid;
     grid-gap: 19px; 
    grid-template-columns: repeat(auto-fit, minmax(71px, 1fr)); 
    padding: 0;
    justify-content: space-between;
}

.clients li {
  list-style: none;
  margin: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.clients:hover li {
filter: blur(0px);
-webkit-filter: blur(0px);
}
.clients:hover li:not(:hover)  {
filter: blur(2px);
-webkit-filter: blur(2px);
}
.clients li:hover {
-webkit-transform: translateY(-0.3rem);
transform: translateY(-0.3rem); 
}

.clients img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(52%) saturate(2803%) hue-rotate(194deg) brightness(94%) contrast(102%);
}

.clients img:hover {
  background: none;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.ourpartners-block {
    padding-bottom: 0 !important;
	background: #fff;
}

.promotion-banner {
	background: #fff;
}
.testimonial-main-block p {
    text-align: center;
    margin-bottom: 7rem;
    margin-top: 1rem;
    max-width: 35%;
    margin: 2rem auto 7rem;
    color: #003d7a;
}

.testimonial-main-block .panel-group .panel {
    border-radius: 0.5rem;
    border: 0px;
    margin: 0px 0px 20px;
}

.testimonial-main-block .panel-default>.panel-heading {
    background: #ecf2f5;
    border-color: #bac3c5;
    padding: 0;
    border-radius: 0.5rem;
}

.testimonial-main-block .panel-group .panel-heading a {
    display: flex;
    padding: 2rem 4rem;
    text-decoration: none;
    position: relative;
    font-size: 2.4rem;
    color: #003d7a;
    font-weight: 500;
    align-items: center;
    justify-content: space-between;
}

.testimonial-main-block .panel-group .panel-heading a.collapsed:after {
    content: '+';
    color: #003d7a;
}
.testimonial-main-block .panel-group .panel-heading a:after {
    content: '-';
    color: #003d7a;
    font-size: 3.5rem;
}
.testimonial-main-block .collapse.in {
    display: block;
    background: #e0f1f5;
}
.testimonial-main-block .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 0px;
    background: #c3dae9;
    padding: 0 37px 40px;
    color: #003d7a;
    line-height: 3rem;
	border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.testimonial-main-block .panel.panel-default.panel-colorchange a {
    background: #c3dae9;
    transition: all 0.3s;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.testimonial-main-block .panel-default.panel-colorchange .panel-heading {
    border: 0;
    transition: all 0.3s;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
}

.testimonial-main-block figure img {
    border-radius: 0.5rem;
	 transition: all linear 0.5s;
}

.blog .slider {
    margin-top: 7rem;
}

.blog .card {
    margin: 0;
    transition: 0.3s;
    background: #fff;
    border: 0;
    border-radius: 0.5rem;
}

.blog .card:hover {
    -webkit-box-shadow: 7px 17px 28px -1px rgba(0,0,0,0.12);
    -moz-box-shadow: 7px 17px 28px -1px rgba(0,0,0,0.12);
    box-shadow: 7px 17px 28px -1px rgba(0,0,0,0.12);
}

.img-card {
    width: 100%;
    height: 350px;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 0.5rem;
}

.img-card img {
    max-width: 100%;
    object-fit: cover;
    transition: all linear 0.5s;
    border-radius: 0.5rem;
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
}

.blog .card-content {
    padding: 3rem 5rem 5rem 5rem;
    height: auto;
    text-align: left;
}

.blog .card-title a {
    color: #003d7a;
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 0;
}

.blog .card:hover h4 a {
    color: #ea4411;
}

.blog p {
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 400;
    font-family: 'poppins', sans-serif;
    margin-top: 20px;
}

.blog .card-content .card-title {
    margin-bottom: 0;
    min-height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog {
    background: #ecf2f5;
    padding-bottom:20rem;
	overflow:hidden;
}

.footer-top-block {
    background: #001327;
	padding-bottom:0;
    position: relative;
}

.footer-top-block figure {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
}

.footer-top-phoneDetails h2 {
    color: #fff;
    text-align: left;
    font-weight: 500;
    font-size: 4.2rem;
    margin-bottom: 5.5rem;
    position: relative;
    display: inline-block;
}

.footer-top-phoneDetails h3 {
    color: #fff;
    text-align: left;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

.footer-top-phoneDetails p {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 3rem;
    padding-right: 11rem;
}

.whatsappNormalPhone a {
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 2rem;
    margin-bottom: 1.3rem;
}

.whatsappNormalPhone a:last-child {
    margin-bottom: 0;
}

.whatsappNormalPhone {
    flex-direction: column;
    display:inline-flex;
}

.whatsappNormalPhone a img {
    margin-right: 1.5rem;
	-webkit-animation: bell-ring 3s .9s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: bell-ring 3s .9s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: bell-ring 3s .9s ease-in-out infinite;
  transform-origin: 50% 4px;
}


@keyframes bell-ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(14deg); }
  3% { transform: rotate(-12deg); }
  5% { transform: rotate(14deg); }
  7% { transform: rotate(-12deg); }
  9% { transform: rotate(14deg); }
  11% { transform: rotate(-12deg); }
  13% { transform: rotate(14deg); }
  15% { transform: rotate(-12deg); }
  17% { transform: rotate(14deg); }
  19% { transform: rotate(-12deg); }
  21% { transform: rotate(14deg); }
  23% { transform: rotate(-12deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

.whatsappNormalPhone a:hover img{
  -webkit-animation: bell-ring 3s .9s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: bell-ring 3s .9s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: bell-ring 3s .9s ease-in-out infinite;
  transform-origin: 50% 4px;
}


.footer-logo-block figure img {
    width: 67%;
}

.footer-mid-links {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-bottom: 2.5rem;
}

.footer-middle-inner a {
    color: #fff;
    margin-right: 3rem;
    font-size: 1.6rem;
    margin-bottom: 2.5rem;
}

.footer-middle-inner a:hover {
    color: #e6eaed;
}

.footer-social-links a img {
    height: 50px;
}

.footer-social-links a:first-child img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(94%) saturate(536%) hue-rotate(157deg) brightness(91%) contrast(94%);
}

.footer-social-links a:nth-child(2) img {
    filter: brightness(0) saturate(100%) invert(40%) sepia(95%) saturate(467%) hue-rotate(155deg) brightness(98%) contrast(93%);
}

.footer-social-links a:last-child {
    filter: brightness(0) saturate(100%) invert(33%) sepia(64%) saturate(3756%) hue-rotate(344deg) brightness(93%) contrast(94%);
}

.footer-social-links {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 2.5rem;
}

.lovebyVOCSO a {
    color: #fff;
    font-size: 1.6rem;
}
.lovebyVOCSO {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 5rem;
}

.footer-top-phoneDetails h2:after {
    position: absolute;
    content: "";
    background: url(../images/footer-down-orange-arrow.png);
    width: 60px;
    height: 121px;
    top: 2.5rem;
    right: -10rem;
	transition: all linear 0.3s;
	filter: brightness(0) saturate(100%) invert(57%) sepia(93%) saturate(6097%) hue-rotate(356deg) brightness(95%) contrast(94%);
}

section.footer-top-block:hover .footer-top-phoneDetails h2:after {
    transform: translateY(10px);
    transition: all linear 0.3s;
}

.orange-underline {
    background: url(../images/handrawan-orangeUnderline.png) no-repeat bottom;
    padding-bottom: 0.5rem;
    color: #ea4411;
}

.banner-autocomplete-main .custom-combobox .custom-combobox-input {
    background: rgb(0 0 0 / 28%);
    border: none;
    padding: 3.4rem 4rem;
    color: #fff;
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
    width: 42.5rem;
    font-family: 'Montserrat',sans-serif;
	font-size:1.8rem;
	font-weight: 500;
}

.banner-autocomplete-main form {
    display: flex;
}

.banner-autocomplete-main .custom-combobox {
    position: relative;
    display: flex;
    align-items: center;
}

.banner-autocomplete-main .custom-combobox a {
    position: absolute; 
    right: 3rem; 
    background: url(../images/down-arrow.svg) no-repeat 92% center; 
    border: 0; 
    filter: invert(1); 
    width: 100%; 
    padding: 0; 
    height: 20px; 
    left: 0;
}



.nav-location-autocomplete .custom-combobox a {
    position: absolute;
    right: 1rem;
    background: url(../images/down-arrow.svg) no-repeat;
    border: 0;
    filter: invert(1);
    width: 20px;
    padding: 0;
    height: 20px;
}

.mainbanner-slider .swiper-slide {
    /*min-height: 678px;*/
    min-height: fit-content;
    
}

:focus-visible{
	outline:none;
}

.autocomplte-block {
    display: flex;
    border: 2px solid rgb(255 255 255 / 48%);
    border-right: 0;
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
}

.banner-autocomplete-main form button {
    background: #003d7a url(../images/button-arrow-white.svg) no-repeat 78% center;
    color: #fff;
    border: 2px solid #003d7a;
    padding: 2rem 7rem 2rem 4.4rem;
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
    text-transform: capitalize;
    font-weight: 500;
	transition:all 0.3s linear;
}

.banner-autocomplete-main .location-autocomplete .custom-combobox {
    border-left: 2px solid rgb(255 255 255 / 48%);
}

.banner-autocomplete-main form button:hover {
    background: #ea4411 url(../images/button-arrow-white.svg) no-repeat 80% center;
    border: 2px solid #ea4411;
	transition:all 0.3s linear;
}


/*testinonial css start*/

.site-logo {
   width: 218.33px !important;
   margin-right: 50px;
}
 .btn {
   border-radius: 5px;
   font-weight: normal;
   font-size: 15px;
   letter-spacing: 0.02em;
   line-height: 12px;
   text-align: center;
   font-weight: 600;
   font-size: 14px;
   padding: 14px 30px;
   cursor: pointer;
}
 .btn-theme {
   background: var(--theme-color1);
   color: #212121;
}

.c-container {
    margin: auto;
    width: 93%;
    position: relative;
    z-index: 1;
}

.btn-outline-white {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    background-image: none;
    border-width: 2px;
    border-color: #fff;
    font-weight: 500;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.btn {
    border-radius: 5px;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 30px;
    cursor: pointer;
}
.btn-outline-white:hover {
    background-color: #fff;
    color: var(--text-dark);
}
/* common css up */

.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;
}
 .unt {
   margin-bottom: 20px;
   margin-top: 60px;
}
 .hero-text {
   font-size: 30px;
   letter-spacing: 0.02em;
   color: #fff;
}
 .gallery-thumbs {
   height: 100%;
}
 .gallery-thumbs .swiper-wrapper {
   align-items: center;
}
 .gallery-thumbs .swiper-slide {
   background-position: center;
   background-size: cover;
   height: 330px;
   position: relative;
   transition:all linear 0.3s;
}


.gallery-thumbs .swiper-slide-active {
    height: 100%;
	transition:all linear 0.3s;
}

 .gallery-thumbs .swiper-slide img {
   /*filter: contrast(0.5) blur(1px);*/
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 0.5rem;
}
 .gallery-thumbs .swiper-slide-active img {
   filter: contrast(1) blur(0px) !important;
}
 .flex-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;
}
 .flex-row .flex-col {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%;
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}

.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: #000;
    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;
}
.gallery-top {
    color: #fff;
    height: 100%;
    /*background: #003d7a;*/
    overflow: hidden !important;
    border-radius: 0.5rem;}

.gallery-thumbs {
    /* overflow: hidden !important; */
    max-width: 100%;
    clip-path: inset( -100vw -100vw -100vw 0 );
}

.gallery-top .sliderbluebox {
    padding: 7rem 7rem;
    background: #003d7a;
    height: 100%;
}

.testimonial-bluebox-cover:after {
    background: url(../images/quote-icon.png) no-repeat;
    position: absolute;
    content: "";
    width: 100px;
    height: 81px;
    top: -5rem;
    z-index: 1;
    left: 9rem;
	filter: brightness(0) saturate(100%) invert(57%) sepia(93%) saturate(6097%) hue-rotate(356deg) brightness(95%) contrast(94%);
}

.sliderbluebox .title {
    font-size: 3.5rem;
    line-height: 4.5rem;
    margin-bottom: 4rem;
    font-weight: 500;
    margin-top: 4rem;
}

.testimonial-avtar .avtar-name span {
    font-weight: 300;
}
.testimonial-avtar .avtar-name {
    text-transform: capitalize;
    font-weight: 600;
}

.rating-stars .stars {
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: flex-end;
	margin-bottom:0;
}

.rating-stars .stars li {
    margin-right: 0.7rem;
}

.rating-stars .stars li:last-child {
    margin-right: 0;
}

.rating-stars .stars li .fas {
    color: #ea4411;
}

/*testimonial css end*/



.gallery-top .swiper-button-prev{
    right: 14rem;
    bottom: 15%;
    height: 50px;
    background-size: 60% !important;
    background:#ea4411 url(../images/left-arrow-white.svg) no-repeat center center;
    width: 50px;
	border-radius:100%
}

.gallery-top .swiper-button-next{
    background: #ea4411 url(../images/right-arrow.svg) no-repeat center center;
    right: 8rem;
    bottom: 15%;
    height: 50px;
    border-radius: 100%;
    width: 50px;
    background-size: 60%;
}

.gallery-details  .swiper-button-prev {
    right: 10rem;
    bottom: 4%;
    height: 50px;
    background-size: 60% !important;
    background:#ea4411 url(../images/left-arrow-white.svg) no-repeat center center;
    width: 50px;
	border-radius:100%
}

.gallery-details  .swiper-button-next{
    background: #ea4411 url(../images/right-arrow.svg) no-repeat center center;
    right: 3rem;
    bottom: 4%;
    height: 50px;
    border-radius: 100%;
    width: 50px;
    background-size: 60%;
}

.gallery-details  .swiper-button-prev:hover {
    background:#001327 url(../images/left-arrow-white.svg) no-repeat center center;
	background-size:50%;
}
.gallery-details  .swiper-button-next:hover{
    background: #001327 url(../images/right-arrow.svg) no-repeat center center;
	background-size:50%;
}


.gallery-thumbs .swiper-wrapper {
    align-items: flex-end;
}

/*banner text flip css start*/

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loop-text {
    position: relative;
    height:auto;  
    overflow: hidden;
    margin-top: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loop-text p {
    position: absolute;
    height: 45px;
    opacity: 0;
    transition: 1s ease-out;
    margin-bottom: 0;
}
.loop-text p.show {
  opacity: 1;
}

.loop-text p a {
    color: #fff;
    background: rgb(0 0 0 / 28%);
    padding: 1rem 5rem;
    border-radius: 10rem;
    text-decoration: underline;
	display:inline-block;
}
.loop-text p:hover a{
    color: #ea4411;
}
.promotion-banner figure img {
    width: 100%;
}

<!--banner text flip css end-->



.whatsappNormalPhone a:hover strong {
    color: #ffa500;
}


.faq-main-block {
    padding-top: 12px !important;
   
}

.blog .card:hover .img-card img {
    transition: all linear 0.5s;
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -o-transform: scale(1.025);
    transform: scale(1.025);
}

.changelanguage .language-btn {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 400;
}
.changelanguage {
    margin-left: 2rem;
}
.changelanguage span {
    color: #fff;
}

.main-banner .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
}

.main-banner .swiper-pagination .swiper-pagination-bullet-active{
	background:#fff;
}

.testimonial-main-block{
    padding-top: 12rem;
	overflow:hidden;
	background: #fff;
}

.testimonial-main-block .whatsappNormalPhone {
    position: absolute;
    bottom: 15rem;
    background: rgb(0 61 122 / 77%);
    left: 0;
    border-radius: 100rem;
    margin: 0 auto;
    right: 0;
    width: fit-content;
    padding: 2rem 4rem;
    margin: 0 auto;
    text-align: left;
}

.testimonial-main-block .whatsappNormalPhone a {
    margin-bottom: 0.5rem;
}

.image-cover-hover {
    overflow: hidden;
    transition: all linear 0.5s;
    text-align: center;
}
 
 .image-cover-hover:hover img {
    border-radius: 1rem;
    overflow: hidden;
    transition: all linear 0.5s;
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -o-transform: scale(1.025);
    transform: scale(1.025);
}

.banner-autocomplete-main .custom-combobox .custom-combobox-input::placeholder, .nav-location-autocomplete .custom-combobox .custom-combobox-input::placeholder, .nav-category-autocomplete .custom-combobox .custom-combobox-input::placeholder{
	color:#fff;
}



.nav-location-autocomplete .custom-combobox {
    position: relative;
    display: flex;
    align-items: center;
}

.nav-location-autocomplete .custom-combobox-input {
    background: transparent;
    border: 0 !important;
	font-family: 'Montserrat',sans-serif;
	width:15rem;
	color:#fff;
	font-size:1.5rem !important;
	padding:0;
	line-height:0;
}

.nav-location-autocomplete label {
    font-size: 1.5rem;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
    font-weight: 400;
	margin:0;
}

.banner-autocomplete-main .custom-combobox a:active, .nav-location-autocomplete .custom-combobox a:active {
    background: inherit;
    border: 0;
}

#ui-id-1, #ui-id-2 {
    background: rgb(0 61 122);
    height: 40rem;
    overflow: auto;
    padding-top: 2rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border: 2px solid rgb(195 218 233);
    z-index: 999999;
	border-radius:3px;
}

#ui-id-1{
	height:auto !important;
	padding-top:0 !important;
}

#ui-id-3 {
    background: rgb(0 0 0 / 82%);
    height: auto;
    overflow: auto;
    padding-top: 1rem;
    border-radius: 0.5rem;
    border: 0;
	padding-bottom: 1rem;
}


#ui-id-1 li, #ui-id-2 li {
    padding: 1rem 3rem;
    font-family: 'Montserrat',sans-serif;
    font-weight: 500;
}


#ui-id-3 li {
    padding: 0.5rem 1.4rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

#ui-id-1 li div, #ui-id-2 li div {
    color: #fff;
    padding: 0;
    height: auto;
    background: inherit;
}

#ui-id-3 li div {
    color: #fff;
    padding: 0;
	font-size:1.5rem;
}

#ui-id-1 li:hover, #ui-id-2 li:hover, #ui-id-3 li:hover {
    background: #003d7a;
}

#ui-id-1 li:hover div, #ui-id-2 li:hover div, #ui-id-3 li:hover div {
    background: #003d7a;
	border:0;
}


#ui-id-1::-webkit-scrollbar, #ui-id-2::-webkit-scrollbar, #ui-id-3::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

#ui-id-1::-webkit-scrollbar-track, #ui-id-2::-webkit-scrollbar-track, #ui-id-3::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#ui-id-1::-webkit-scrollbar-thumb, #ui-id-2::-webkit-scrollbar-thumb, #ui-id-3::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#ui-id-1::-webkit-scrollbar-thumb:window-inactive, #ui-id-2::-webkit-scrollbar-thumb:window-inactive, #ui-id-3::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}


.footer-middle-inner {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #10678f;
    margin-bottom: 1rem;
}

.footer-middle-inner a:last-child {
    margin-right: 0rem;
}
.testimonial-main-block .panel-group .panel:last-child {
    margin-bottom: 0;
}

.user-btns-mobile{
	display:none;
}

.user-btns {
    display: flex;
    align-items: center;
}

.mainbanner-slider .swiper-pagination-bullet{
	background: #fff;
}

.mainbanner-slider .swiper-pagination {
    bottom: 18% !important;
    z-index: 11;
}

.promotion-banner .mainbanner-slider:after {
    position: relative;
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
    left: 0;
    top: 0;
    z-index: 10;
    display: none;
}
/*.mainbanner-slider:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgb(0 0 0 / 30%);*/
/*    left: 0;*/
/*    top: 0;*/
/*    z-index: 10;*/
/*}*/

.desktop-navigation .navbar-nav .nav-link:hover {
    color: #ea4411;
}

.gallery-top .swiper-button-next.swiper-button-disabled{
    background: #b2b2b2 url(../images/right-arrow-white.svg) no-repeat center center;
    height: 50px;
    filter: inherit;
    border-radius: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-size: 60%;
}

.gallery-top .swiper-button-prev.swiper-button-disabled {
    background: rgb(255 255 255 / 15%) url(../images/left-arrow-white.svg) no-repeat center center;
    height: 50px;
    filter: inherit;
    border-radius: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 60%;
}

#header-top {
    position: fixed;
    z-index: 99999;
    top: 0;
}

#header-top.headfixed {
    background: #003d7a;
    transition: all .4s;
}

.inner-header .signup-btn {
    background: #fff;
    color: #003d7a;
}

.inner-header .signup-btn:hover {
    background: #ea4411;
    color: #fff;
}

.inner-header .signup-btn:hover svg {
    fill: #fff;
}

.inner-header .signin-btn svg{
	fill:#fff !important;
}


.inner-header .signup-btn svg {
    fill: #003d7a;
}

.headfixed .signin-btn svg{
	fill:#fff;
}

.footer-social-links a {
    margin-right: 1rem;
}

.footer-social-links a:last-child{
    margin-right: 0rem;
}

.footer-social-links a:hover {
    transform: translateY(-1rem);
    transition: all linear 0.3s;
}

.faq-main-block .image-cover-hover {
   /* min-height: 700px;
    height: 700px;*/
    border-radius: 0.5rem;
	margin-bottom:0;
}

.lovebyVOCSO a span {
    margin-right: 2rem;
}

.promotion-banner figure img {
    border-radius: 0.5rem;
}
.footer-top-phoneDetails {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.nav-left-block .navbar-brand {
    margin-right: 3rem;
    white-space: initial;
    flex: inherit;
    display: inline-flex;
    width: 13.6rem;
}

.nav-left-block {
    display: flex;
    align-items: center;
}
.nav-autocomplete-block {
    display: flex;
    width: 46%;
}
.nav-location-autocomplete {
    width: 100%;
}

.switch {
  position: relative;
}

.switch > span {
  position: absolute;
  top: 10px;
  pointer-events: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  width: 50%;
  text-align: center;
}

.changelanguage input.check-toggle-round-flat:checked ~ .off {
  color: #ea4411;
}

.changelanguage input.check-toggle-round-flat:checked ~ .on {
  color: #fff;
}

.changelanguage .switch > span.on {
  left: 0;
  padding-left: 2px;
  color: #ea4411;
}

.changelanguage .switch > span.off {
  right: 0;
  padding-right: 4px;
  color: #fff;
}

.check-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.check-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.changelanguage input.check-toggle-round-flat + label {
    padding: 2px;
    width: 97px;
    height: 35px;
    background-color: rgb(179 179 179 / 27%);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    margin-bottom: 0;
}

.changelanguage input.check-toggle-round-flat + label:before, .changelanguage input.check-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

.changelanguage input.check-toggle-round-flat + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: rgb(255 164 0 / 0%);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
}
.changelanguage input.check-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 48px;
  background-color: #fff;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.2s;
  -moz-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}

.changelanguage input.check-toggle-round-flat:checked + label {
}

.changelanguage input.check-toggle-round-flat:checked + label:after {
    margin-left: 40px;
}
.mobile-logo {
    display: none;
}

.mobile-navigation {
    display: none;
}

/*mobile navigation css start*/
@media screen and (max-width: 600px) {
  .pushNav {
    width: 100%;
    right: -100%;
  }
      .nav-category-autocomplete .custom-combobox-input {
        width: 100%!important;
    }
}
@media screen and (min-width: 601px) {
  .pushNav {
    width: 100%;
    right: -100%;
  }
}
ul.pushNav {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.pushNav {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 99999999;
    overflow: hidden;
    background: #003d7a;
    transition: ease-in-out 0.5s;
}


.pushNav hr {
  border: 1px solid #555;
}

.pushNav, .pushNav a {
    font-family: 'Montserrat', sens-serif;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

.pushNavIsOpen {
  overflow: auto;
  height: 100%;
}

.js-topPushNav.isOpen,
.pushNav_level.isOpen {
  right: 0;
}

.closeLevel,
.openLevel {
  cursor: pointer;
}

.openLevel,
.closeLevel,
.pushNav a {
  padding: 1em 4rem;
  display: block;
  transition: background 0.4s ease-in-out;
  border-bottom: 1px solid #002a54;
}


/*.openLevel:hover,
.closeLevel:hover,
.pushNav a:hover {
  background: #494a50;
}

*/


.mobile-navigation li.closeLevel {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hdg {
  background-color: #001327;
}

.closeLevel,
closelevel > i {
  font-size: 1em;
  color: #a5a5a4;
}

.burger {
  
}
.burger i {
  font-size: 3em;
}

.screen {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.pushNavIsOpen .screen {
  height: 100%;
  opacity: 1;
}

ul.pushNav li {
    margin-right: 0 !important;
}


/*mobile navigation css end*/

.rightnavigatin-block {
    display: flex;
    align-items: center;
    flex: 100%;
    justify-content: space-between;
}


.nav-category-autocomplete .custom-combobox-input {
    background: transparent;
    border: 0 !important;
    font-family: 'Montserrat',sans-serif;
    width: 22rem;
    color: #fff;
    font-size: 1.6rem !important;
    padding: 1.4rem 2.5rem;
    line-height: 0;
    font-weight: 600;
    padding-right: 5rem;
}


.nav-category-autocomplete .custom-combobox a {
    position: absolute;
    right: 1rem;
    background: url(../images/down-arrow.svg) no-repeat;
    border: 0;
    filter: invert(1);
    width: 20px;
    padding: 0;
    height: 20px;
}
.nav-category-autocomplete .custom-combobox {
    position: relative;
    display: flex;
    align-items: center;
}

.nav-category-autocomplete-block {
    display: flex;
    border: 2px solid #c3dae9;
    border-radius: 0.6rem;
    margin-right: 0;
}

.rightnavigatin-block .form-inline {
    flex: auto;
}


.nav-category-autocomplete-block .nav-category-autocomplete {
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
}

.inner-header {
    background: #003d7a;
}

.search-icon {
    background: #c3dae9;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    cursor: pointer;
}
.inner-header {
    border-bottom: 0 !important;
    position: relative !important;
}

.allcategories-block{
    background: #fff;
}

.inner-container {
    max-width: 1630px;
    margin: 0 auto;
    padding-left: 5rem;
    padding-right: 5rem;
	padding-bottom: 20rem;
}

.filter-block-left {
    background: #fff;
    border-radius: 1rem;
    padding: 3rem 3rem;
}

.filter-result-reset {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.filter-results-right {
    background: #fff;
    border-radius: 1rem;
    padding: 3rem;
    margin-bottom: 3rem;
}

.filter-results-right:last-of-type {
margin-bottom:0;	
}


.filter-description h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.8rem;
    margin: 0;
}

.star-rating-block {
    display: flex;
    margin: 2.6rem 0 1.6rem 0;
}

.filter-thumbnail {
    position: relative;
    border-radius: 1rem;
    text-align: center;
}


.premium-member {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: radial-gradient(circle farthest-side, rgb(255 255 255 / 62%) -40px, #003d7a 33px);
    padding: 7px 7px 7px 7px;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    text-align: center;
    display: flex;
    justify-content: center;
}

.premium-member span {
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
	display:flex;
	align-items:center;
}

.premium-member span p {
    margin-bottom: 0;
}

.filter-thumbnail img {
    border-radius: 0.5rem;
}
.premium-member span img {
    margin-right: 0.8rem;
}

.filter-description h2 a {
    color: #000;
    text-transform: capitalize;
    font-size: 2.3rem;
	line-height:3rem;
}

.calling-number-contact {
    background: #ea4411;
    color: #fff;
    /* text-transform: capitalize; */
    font-weight: 500;
    border-radius: 8px;
    padding: 0.6rem 1.6rem;
    font-size: 1.8rem;
    display: inline-block;
	transition: all linear 0.3s;
    cursor: not-allowed;
    opacity: .5;
     pointer-events: none;
}

.calling-number-contact:hover {
    background: #003d7a;
    color: #fff;
    transition: all linear 0.3s;
}

.filter-btn {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: end;
}


.calling-number-contact img {
    margin-right: 1rem;
}

.star-rating-block .rating-stars .stars li {
    margin-right: 0.4rem;
    background: #ea4411;
    border-radius: 0.5rem;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.star-rating-block .rating-stars .stars li .fas {
    color: #ffffff;
    font-size: 1.3rem;
}

.rating-review-block {
    margin-left: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8rem;
}

.location-address {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 1.3rem;
}

.working-hours-block {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2rem;
}


.working-hours-block span {
    color: #003d7a;
    margin-right: 0.5rem;
}

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



.listing-content-result-top .breadcrumb li a, .listing-content-result-top .breadcrumb li {
    color: #000;
    font-size: 1.8rem;
    font-weight: 500;
	text-transform:capitalize;
}

.listing-content-result-top .breadcrumb {
    padding: 0;
    background: #efefef;
}

.listing-content-result-top h1 {
    font-size: 3rem;
    font-weight: 700;
    color: #141414;
    margin-bottom: 1rem;
}

.more {
    color: #ea4411;
    font-weight: 400;
}

.company-list-fliters-main {
    padding-top: 0;
}

.company-listing-main {
    padding-bottom: 4rem;
}

/*filter checkbox css start*/

.filters .checkbox label {
  display: inline-block;
  color: #000;
  cursor: pointer;
  position: relative;
}
.filters .checkbox label span {
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 25px;
  height: 25px;
  transform-origin: center;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -6px;
  margin-right: 7px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
  flex-shrink:0;
}

.filters .checkbox label span:before {
    content: "";
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: #000;
    position: absolute;
    transform: rotate(45deg);
    top: 11px;
    left: 7px;
    transition: width 50ms ease 50ms;
    transform-origin: 0% 0%;
}

.filters .checkbox label span:after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #000;
  position: absolute;
  transform: rotate(305deg);
  top: 15px;
  left: 9px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}
.filters .checkbox label:hover span:before {
  width: 5px;
  transition: width 100ms ease;
}
.filters .checkbox label:hover span:after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

.filters .checkbox input[type=checkbox] {
  display: none;
}
.filters .checkbox input[type=checkbox]:checked +  label span {
  background-color: #000;
  transform: scale(1.25);
}

.filters .checkbox input[type=checkbox]:checked +  label span:after {
    width: 10px;
    background: #ffffff;
    transition: width 150ms ease 100ms;
}

.filters .checkbox input[type=checkbox]:checked +  label span:before {
  width: 5px;
  background: #ffffff;
  transition: width 150ms ease 100ms;
}
.filters .checkbox input[type=checkbox]:checked +  label:hover span {
  background-color: #fff;
  transform: scale(1.25);
}
.filters .checkbox input[type=checkbox]:checked +  label:hover span:after {
  width: 10px;
  background: #1790b5;
  transition: width 150ms ease 100ms;
}
.filters .checkbox input[type=checkbox]:checked +  label:hover span:before {
  width: 5px;
  background: #1790b5;
  transition: width 150ms ease 100ms;
}
.filter-block-left .filters label {
    display: flex;
    align-items: center;
}

.filter-block-left .filters .star-rating-block{
	margin:0;
}

.rating-points {
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.8rem;
}


/*filter checkbox css end*/
.filter-result-reset h3 {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: left;
}


.filter-result-reset a {
    color: #ea4411;
    font-weight: 600;
    font-size: 1.6rem;
}

.filters h3 {
    font-size: 1.8rem;
    text-align: left;
    font-weight: 600;
    margin-bottom: 2rem;
}

.filter-block-left .star-rating-block .rating-stars {
    margin-right: 1.2rem;
}

.filters .checkbox {
    margin-bottom: 1.3rem;
}

.filters .checkbox:last-of-type{
    margin-bottom:0;
}

.star-rating-block .rating-stars .disable-star {
    background: #d6d6d6;
}

.star-rating-block .rating-stars .disable-star {
    background: #d6d6d6 !important;
}

.filters {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.seeall {
    color: #003d7a;
    font-weight: 600;
    border-bottom: 2px solid #003d7a;
}
.closedright-now {
    color: #ea4411 !important;
    font-weight: 600;
}

.pagination {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.pagination a {
    color: #000000;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .5s;
    font-size: 20px;
}

.pagination a.active {
    font-weight: 600;
}

.pagination a:hover:not(.active) {
    background-color: #DDD;
}
.filter-left-adbanner {
    border-radius: 1rem;
    margin-top: 3rem;
}

.profile-details-page {
    padding-top: 8rem;
    padding-bottom: 28rem;
}

.profile-details-page .filter-description h1 {
   
}

.profile-details-page .filter-description h1 a {
    font-size: 4.3rem;
    font-weight: 700;
	color: #000;
    text-transform: capitalize;
	line-height: 5rem;
}

.profile-details-page .filter-results-right {
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.share-btn {
    background: transparent;
    border: 1px solid #818181;
    color: #818181;
    padding: 0.5rem 1.9rem;
}

.review-share-btn-block {
    margin-top: 2.6rem;
}
.writereview-btn img {
    margin-left: 0.5rem;
}
.writereview-btn {
    padding: 0.6rem 2rem;
    margin-right: 1rem;
    cursor: pointer;
    opacity: 1;
    pointer-events: inherit;
}

.gallery-details {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin-top: 8rem;
}


.gallery-slider {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
}
.gallery-slider .swiper-slide {
  width: auto;
}
.gallery-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius:1rem;
}
.gallery-thumbnails {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.gallery-thumbnails .swiper-slide {
    width: 148px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    border-radius: 1rem;
    cursor: pointer;
}

.gallery-thumbnails .swiper-slide img {
  width: auto;
  height: 100%;
}

.about-company-main-block {
    background: #fff;
    border-radius: 1rem;
    margin-top:3rem;
    padding: 5rem;
}

.about-company-main-block h2 {
    text-transform: capitalize;
    color: #000;
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 2rem;
}

.about-company-main-block p {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.5rem;
	text-align:left !important;
	margin-bottom:0;
}

.about-company-main-block ul {
    padding: 0;
    list-style: none;
	margin-bottom:0;
}

.about-company-main-block ul li {
    width: 49%;
    display: inline-flex;
    margin-bottom: 2rem;
    text-transform: capitalize;
    font-size: 1.8rem;
    font-weight: 500;
}

.about-company-main-block ul li img {
    margin-right: 2rem;
}

.bethefirstOne-main p{ 
text-align:center;
margin-bottom:0;
}

.share-btn:hover {
    border: 1px solid transparent;
}

.free-consultaion-block h3 {
    font-weight: 600;
    margin: 0 0 0 1.5rem;
    font-size: 1.8rem;
    text-align: left;
}

.free-consultaion-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-contact-number-block {
    justify-content: center;
    display: flex;
    margin: 2rem 0 3rem 0;
    flex-direction: column;
}

.company-contact-number-block .calling-number-contact {
    width: 100%;
    text-align: center;
    padding: 1rem 1.6rem;
}

.comapny-timing-block {
    display: flex;
    align-items: self-start;
    padding-bottom: 3rem;
}

.timing-schedulte-block {
    margin-left: 1.5rem;
	width:100%;
}

.timing-schedulte-block h3 {
    text-align: left;
    text-transform: capitalize;
}

.timing-schedulte-block p {
    margin: 0;
    font-weight: 500;
}

.timing-schedulte-block h3 {
    text-align: left;
    text-transform: capitalize;
    font-size: 1.8rem;
    margin: 0;
}

.company-website-url {
    display: flex;
    align-items: center;
    border-top: 1px solid #e3e3e3;
    padding-top: 3rem;
}

.website-url-link {
    margin-left: 1.5rem;
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
}


.website-url-link a {
    color: #003d7a;
    font-size: 1.8rem;
    font-weight: 600;
    text-decoration: underline;
}

.company-address-block {
    text-transform: capitalize;
    padding: 3rem;
}

.listed-categories-block{
	padding:3rem;
}

.listed-categories-block ul li {
    width: 100%;
}

.filter-left-adbanner img {
    border-radius: 1rem;
}

.share-btn:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.getquote-btn {
    margin-top: 1.4rem;
    cursor: pointer;
    opacity: 1;
     pointer-events: inherit;
}

.company-address-block h2 img {
    margin-right: 0.4rem;
}

.gstin-block {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.gstin-block p {
    margin-bottom: 0;
    word-wrap: break-word;
    line-height: 2.4rem;
    margin-left: 1rem;
}


.hidden {
      display: none;
    }
	
	.filter-listing-main:hover .calling-number-contact {
    background: #003d7a;
}



.contact-main-block .section-contact {
    margin: 0 0 5rem 0;
    background: #fff;
    padding:7rem;
	border-radius:1rem;
}

.contact-main-block .header-section h2 {
    font-weight: 700;
    margin-bottom: 1rem;
    text-align: left;
}

.contact-main-block .header-section .description {
    margin-bottom: 5rem;
}

.contact-main-block .form-contact .form-control {
    font-size: 1.8rem;
    border-radius: 1rem;
    height: 5rem;
    padding: 0 3rem;
}

.contact-main-block .form-contact textarea.form-control {
    height: 18rem;
    border-radius: 1rem;
    resize: none;
    padding: 3rem;
}


.contact-main-block .form-contact .form-control::placeholder{
	color:#9c9c9c;
}

.contact-submit-btn {
    border: 0;
    margin-top: 0rem;
}

.contact-main-block {
    padding-bottom: 23rem;
}

.about-title-descriptiton p {
    font-size: 1.8rem;
    line-height: 3.4rem;
    font-weight: 500;
    margin: 0;
}

.about-title-descriptiton h1 {
    font-size: 6rem;
    font-weight: 700;
    color: #003d7a;
    text-align: center;
}

.about-title-descriptiton p {

}

.about-banner-bg {
    margin-top: 7rem;
}

.about-company-description p {
    font-size: 4rem;
    font-weight: 500;
    line-height: 6.4rem;
    letter-spacing: -0.1rem;
    color: #fff;
    text-align: center;
    max-width: 72%;
    margin: 0 auto;
}


.about-company-description {
    background: #003d7a;
    padding: 12rem 0 !important;
    position: relative;
    text-align: center;
}


.site-center-logo {
    position: absolute;
    margin: 0 auto;
    top: -4rem;
    left: 0;
    right: 0;
}

.about-banner-bg img {
    object-fit: cover;
    width: 100vw;
}


.about-title-descriptiton {
    padding-bottom: 0;
}

.img-content-block-right {
    max-width: 63%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.img-content-block-right h3 {
    font-size: 4rem;
    text-align: left;
    color: #003d7a;
}
.img-content-block-right p {
    font-size: 1.8rem;
    font-weight: 500;
    color: #003a79;
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.img-content-block-right .signup-btn {
    font-size: 1.8rem;
    font-weight: 600;
    max-width: fit-content;
    padding: 0.9rem 3.2rem;
    background: none;
    border: 2px solid #003d7a;
    color: #003d7a;
}

.img-content-block-right .signup-btn:hover {
    background: #ea4411;
    border: 2px solid #ea4411;
    color: #ffffff;
}

.img-content-block-right .signup-btn:hover svg{
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);

}


.image-content-block figure {
    margin-bottom: 0;
    border-radius: 0.5rem;
}

/*.img-content-block-right .signup-btn svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(179deg) brightness(101%) contrast(101%);
}*/

.about-level-block h2 {
    text-align: left;
}

.about-level-block h2 {
    text-align: left;
    margin-bottom: 3rem;
}

.about-level-left-content p {
    padding-right: 0;
    line-height: 3.2rem;
}

.about-level-right-content p {
    line-height: 3.2rem;
}

.about-level-left-content h4, .about-level-right-content h4 {
    font-size: 3rem;
    color: #000;
    margin-bottom: 2rem;
    font-weight: 500;
}

.team-members-block {
    margin-top: 7rem;
}
.team-member h5 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    margin-top: 1.7rem;
    color: #000;
}

.team-member h6 {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    margin-top: -0.4rem;
    color: #000;
}


.team-member {
    margin-bottom: 5rem;
    overflow: hidden;
}

.image-content-block h2 {
    margin-bottom: 8rem;
}
body:not(.no-js) .image-wrap {
  transition: 1s ease-out;
  transition-delay: 0.2s;
  position: relative;
  width: auto;
  height: auto;
  overflow: hidden;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  visibility: hidden;
}

body:not(.no-js) .image-wrap img {
  transform: scale(1.3);
  transition: 2s ease-out;
}

body:not(.no-js) .animating .image-wrap {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  visibility: visible;
  transform: skewY(0);
}

body:not(.no-js) .animating img {
  transform: scale(1);
  transition: 4s ease-out;
}

body:not(.no-js) .fadeup {
  opacity: 0;
  transition: 0.4s ease-out;
  transform: translateY(40px);
}

body:not(.no-js) .fading-up {
  opacity: 1;
  transition: 1s ease-out;
  transform: translateY(0px);
  transition-delay: 0.7s;
}

.about-level-left-content, .about-level-right-content {
    padding: 5rem;
    background: #fff;
    border-radius: 1rem;
   /* max-height: 420px;
    height: 420px;*/
	transition: all linear 0.3s;
}

.ourpartners-inner {
    background: transparent;
    padding-bottom: 25rem;
}

.team-member-image:hover img {
    transform: scale(1.050);
    transition: all 0.3s linear;
}

.team-member-image img {
    transition: all 0.3s linear;
}

.team-member-image img {
    object-fit: cover;
    width: 100%;
}

.about-level-left-content:hover {
    transform: translateY(-10px);
    transition: all linear 0.3s;
}


.user-profile-main .nav img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: -8px 0;
    float: left;
    margin-right: 10px;
}


.user-profile-main ul.dropdown-menu li a {
    border-radius: 6px;
    color: #484848;
    display: inline-block;
    padding: 2px 7px !important;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
}

.user-profile-main ul.dropdown-menu li {
    padding: 2px 7px !important;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 3.1rem;
    text-transform: capitalize;
}



.user-profile-main ul.dropdown-menu li a i {
    margin-right: 0.5rem;
}


.user-profile-main li.dropdown a {
    color: #fff;
    font-size: 1.6rem;
    display: flex;
    padding: 0 !important;
    align-items: center;
	text-transform:capitalize;
}


.user-profile-main ul.dropdown-menu {
    padding: 1rem 1.2rem;
    border: 1px solid #e0e0e0;
    top: 59px;
    right: 0;
    left: inherit;
    width: 100%;
    /* visibility: hidden; */
   /* display: block;*/
    transform: translateY(-30%);
    transition: all linear 0.1s;
    opacity: 0;
    z-index: -999;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
	min-width: 25rem;
}

body .user-profile-main li.logout-dropdown {
    padding: 1rem 7px !important;
}


.user-profile-main li.dropdown.show .dropdown-menu.show {
    visibility: visible;
    transform: translateY(0px);
    opacity: 1;
    transition: all linear 0.1s;
	
}


.user-profile-main ul.dropdown-menu li a:hover {
    background: #ececee;
}

.user-profile-main ul.dropdown-menu li {
    margin: 0;
    margin: 4px 0;
}

.call-history-datatable-main table tr:hover {
    background: #f7f7f7;
}

.dashboard-stats-box {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem;
    position: relative;
    border-radius: 1rem;
}

.dashboard-stats-box h4 {
    font-size: 2.2rem;
    text-transform: capitalize;
    font-weight: 500;
    color: rgba(17, 43, 74, 0.84);
    margin-bottom: 0;
}


.stats-percentage-block {
    margin-bottom: 2rem;
    font-size: 1.4rem;
    font-weight: 500;
    
}
.green-color{
	color: #48bb78;
}

.absolute {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.call-history-datatable-main {
    background: #fff;
    padding: 3rem;
    border-radius: 1rem;
}

.call-history-datatable-main .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #c3dae9;
    font-size: 1.6rem;
    color: #003d7a;
    padding: 2rem 2rem;
    background: #c3dae9;
    font-weight: 600;
}

.call-history-datatable-main .table tfoot th {
    font-size: 1.6rem;
    color: #555555;
    border-bottom: 2px solid #003d7a;
    padding: 2rem 2rem;
}

.call-history-datatable-main .table tbody tr td, .table tbody th td {
    vertical-align: middle;
    white-space: nowrap;
    font-size: 1.6rem;
    padding: 1.5rem 2rem;
}

.call-history-datatable-main .table td, .call-history-datatable-main .table th {
    border-color: #000;
}

.call-history-datatable-main .table td, .call-history-datatable-main .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.call-history-datatable-main .dataTables_info{
	font-size:1.4rem;
}

.call-history-datatable-main .pagination a {
    font-size: 14px;
}

.call-history-datatable-main .page-item.active .page-link {
    background-color: #003d7a;
    border-color: #003d7a;
}


.call-history-datatable-main .dataTables_length label, .call-history-datatable-main .dataTables_filter label {
    font-size: 1.4rem;
}

.call-history-datatable-main .dataTables_filter label input {
    height: 31px;
    border-radius: 0.5rem;
    border: 1px solid #dee2e6;
	font-size:1.6rem;
}

.call-history-datatable-main .dataTables_filter label {
    display: flex;
    align-items: center;
    justify-items: end;
    float: right;
}


.user-dasboard-statboxs-main {
    padding-bottom: 0;
}

.callstatus-btn i {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}


.callstatus-btn {
    border: 0;
    padding: 4px 20px;
    border-radius: 100rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 1.2rem;
}
.missedcall {
    background: #ec4348;
}

.answeredcall {
    background: #42bf41;
}

.vendor-dashboard-details {
    padding-top: 3rem;
}

.dashborads-titles h3 {
    text-align: left;
    text-transform: capitalize;
    font-size: 2rem;
    color: rgba(17, 43, 74, 0.84);
    margin-bottom: 0;
}

.dashborads-titles {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
}

.preview-profile-btn {
    background: #003d7a;
    color: #fff;
    border-radius: 100rem;
    padding: 0.5rem 2rem;
    font-size: 1.4rem;
    text-transform: capitalize;
    margin-top: 3rem;
    display: inline-block;
    font-weight: 500;
	transition: all linear 0.3s;
}

.preview-profile-btn:hover {
    background: #ea4411;
    transition: all linear 0.3s;
	color:#fff;
}

.dashborad-category ul li a, .dashborad-services ul li a {
    font-size: 1.6rem;
	color:#000;
}

.dashborad-category ul li a:hover, .dashborad-services ul li a:hover {
	color:#003d7a;
}

.dashboard-stats-box {
    margin-bottom: 2rem;
}
.dataTables_length {
    text-align: left !important;
}

.dashborad-category ul li img, .dashborad-services ul li img {
    margin-right: 1rem;
}

.dashboard-pages-title {
    padding-top: 5rem;
}

.dashboard-pages-title h2 {
    text-align: left;
    font-size: 3rem;
    text-transform: capitalize;
    font-weight: 700;
    margin: 0;
}

.user-profile-main li.divider {
    border-bottom: 1px solid #dee2e6;
    padding-top: 6px;
    margin: 5px 0 !important;
}

.section-contact .header-section {
    text-align: left;
    width: 80%;
    margin: 0 auto;
    margin-left: 0;
}


.contact-left-details li {
    line-height: 6px;
    margin-bottom: 5rem;
    list-style: none;
    font-weight: 500;
}


.contact-left-details li h4 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #003d7a;
}

.contact-left-details li h4 i {
    font-size: 2.2rem;
    margin-right: 1.2rem;
}

.contact-left-details ul {
    padding: 0;
    margin-top: 10rem;
}

.content {
    width: 100%;
    height: 100%;
}

.child {
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
}
.content .child {
    padding: 0 17%;
}


.signin h1 {
    font-size: 42px;
    font-weight: 600;
    color: #000;
    margin: 37px 0 0 0;
}


.signin p {
    font-size: 18px;
    font-weight: 400;
    color: rgb(0 0 0 / 80%);
    font-family: 'Montserrat', sans-serif;
    margin: 15px 0 46px 0;
}

.signin span {
    font-size: 14px;
    color: rgb(0 0 0 / 70%);
    font-family: 'Montserrat',sans-serif;
    text-align: center;
    display: inline-block;
    margin: 25px 0 25px 0;
    text-transform: uppercase;
    width: 100%;
}
.signin-form .form-group {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    align-items: center;
	flex-direction:column;
	justify-content:center;
}

.signin-form .form-group span {
    position: absolute;
    left: 2.5em;
}

.signin-form .form-control::placeholder {
	text-transform:capitalize;
}

.signin-form .form-control {
    border-radius: 12px;
    font-size: 16px;
    color: rgb(0 0 0 / 80%);
    font-weight: 400;
    font-family: 'Montserrat',sans-serif;
    height: 55px;
    border: 1px solid #b7b7b7;
    background: #fff;
    box-shadow: 4px 4px 7px rgb(0 0 0 / 11%);
    padding: 8px 20px;
}
#login-form.signin-form .form-control{
    padding: 8px 75px;
}


.editprofile-fields .select2-selection__rendered {
    border-radius: 12px;
    font-size: 16px;
    color: rgb(0 0 0 / 80%);
    font-weight: 400;
    font-family: 'Montserrat',sans-serif;
    height: 55px;
    border: 1px solid #b7b7b7;
    background: #fff;
    box-shadow: 4px 4px 7px rgb(0 0 0 / 11%);
    padding: 8px 75px;
}

.signin-form .checkbox label {
    font-size: 14px;
    color: rgb(0 0 0 / 70%);
    font-family: 'Montserrat',sans-serif;
    padding-left: 0;
    display: flex;
    align-items: center;
}

.signin-form .checkbox input[type="checkbox"] {
    width: 24px;
    height: 24px;
    margin-top: -1px;
    margin-right: 1rem;
}


.signin-form .checkbox span a {
    float: right;
    color: #003d7a;
    font-size: 14px;
    font-family: 'Montserrat',sans-serif;
}


.login-btn {
    border-radius: 100px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    font-family: 'Montserrat',sans-serif;
    border: 0;
    padding: 11px 84px;
    background: #003d7a;
    transition: 0.3s linear;
    margin: 19px 0 24px 0;
}

.login-btn:hover {
    background: #ea4411;
    color: #fff;
    transition: all linear 0.3s;
}
.signupNew {
    border-top: 1px solid rgb(29 49 86 / 21%);
    padding-top: 30px;
    margin-top: 10px;
}
.signupNew p {
    font-size: 16px;
    font-weight: 400;
    color: rgb(0 0 0 / 80%);
    margin-bottom: 26px;
	width:100%;
}
.signupNew p a {
    color: #003d7a;
}


.signupNew h6 {
    font-size: 1.3rem;
    color: hsl(0deg 0% 0% / 80%);
    font-family: 'Montserrat',sans-serif;
    font-weight: 400;
}

.parent {
    display: table;
}
.welcome-text {
    background: url(../images/login-page-min.png) no-repeat;
    height: 100%;
    color: #fff;
    background-size: cover;
}
.welcome-text .child {
    padding: 0 17%;
    position: relative;
    z-index: 1;
}


.welcome-text h2 {
    font-size: 43px;
    margin-bottom: 37px;
    margin-top: 0;
    font-weight: 700;
    color: #fff;
    text-align: left;
}

.signinright-box li {
    background: url(../images/signin-white-checkmark-icon.png) no-repeat;
    display: block;
    padding-left: 58px;
    padding-bottom: 26px;
    font-size: 26px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.welcome-text:after {
    background: rgb(0 61 122 / 80%);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.welcome-text .signinright-box {
    padding: 0;
}
.signin-form .form-group span i {
    color: #6b6b6b;
}

.step.child .signin img {
    width: 200px;
}
.signin-form .checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-id {
    font-weight: 600;
    color: #aaa8a8;
    font-size: 2rem;
}

.dataTables_length, .dataTables_filter {
    display: none;
}

.stats-number-block {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: normal;
}

.red-color {
    color: #f56565;
}

.stats-description {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0.3rem 0 0.6rem 0;
}

.filter-description h2 {
    text-align: left;
    line-height: 1.6rem;
}

.dashboard-profileView-block .filter-thumbnail {
    margin-bottom: 2rem;
}

.dashboard-profileView-block .profile-id {
    font-size: 1.4rem;
}

.dashboard-profileView-block .filter-description h2 a{
    font-size: 1.8rem;
}

.dashboard-profileView-block .location-address {
    font-size: 1.8rem;
	margin-bottom:0;
}

.dashboard-profileView-block .filter-description h2 {
    text-align: left;
    line-height: 1rem;
}

.dashboard-profileView-block .star-rating-block {
    margin: 1rem 0 0.9rem 0;
}
.dashboard-profileView-block .rating-review-block {
    margin-left: 0;
    font-size: 1.3rem;
    line-height: 1.3rem;
}
.upgradenow-block {
    position: fixed;
    bottom: 0;
    background: #001327;
    width: 100%;
    padding: 2.2rem 0;
    z-index: 5;
}
.upgradenow-block h2 {
    text-align: left;
    color: #fff;
    font-size: 2.4rem;
    margin-bottom: 0;
}

.upgradenow-block .calling-number-contact {
    padding: 1rem 2rem;
    margin-left: 2rem;
    cursor: pointer;
    opacity: 1;
    pointer-events: inherit;
}
.upgrade-now-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.signin-form .form-control:focus {
    border-color: #003d7a ;
}

.testimonial-avtar {
    display: inline-flex;
}

.gallery-top .swiper-button-prev:hover {
    background:#001327 url(../images/left-arrow-white.svg) no-repeat center center;
}
.gallery-top .swiper-button-next:hover {
    background: #001327 url(../images/right-arrow.svg) no-repeat center center;
	background-size: 60%;
}
.vendor_review input {
    padding-left: 26px !important;
}
.signin-form h3.modal-title {
    margin-bottom: 2rem;
	line-height: 3rem;
}
.cookie_mob_btn {
    border-radius: 100px;
    border: 0;
}
.signin-form .modal-content {
    border-radius: 0.5rem;
}

.signin-form label {
	margin-bottom:2rem;
}

.vendor_review{
	padding:100px;
	text-align:center;
}

.vendor_review .close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 7rem;
    font-weight: 100;
    line-height: 35px;
    height: auto;
}


.vendor_review .close span {
    line-height: 35px;
    display: inline-block;
}

.blog .slider .swiper-button-prev, .popular-listing-main .slider .swiper-button-prev, .spacebook-block .slider .swiper-button-prev{ 
    background: url(../images/left-arrow-orange.svg) no-repeat;
}

.blog .slider .swiper-button-next, .popular-listing-main .slider .swiper-button-next, .spacebook-block .slider .swiper-button-next{
    background: url(../images/right-arrow-orange.svg) no-repeat;
}

.review-rating-main h3 {
    font-weight: 700;
    font-size: 2.4rem;
    text-align: left;
    color: #003d7a;
	margin:0;
}

.review-rating-main .form-contact .form-group {
    margin-bottom: 3rem;
}

.review-rating-main .form-contact button.signup-btn {
    border: 0;
    border-radius: 100px;
    font-size: 1.8rem;
    padding: 1rem 3rem;
    font-weight: 500;
}

.reviewer-name {
    font-size: 1.8rem;
    text-transform: capitalize;
    font-weight: 600;
}
.review-rating-main .card {
    margin-bottom: 2rem;
    border-radius: 0.5rem;
}
.review-rating-main .card-body {
    padding: 3rem;
}

.review-rating-main .card:last-child {
    margin-bottom: 0rem;

}

.social-review-comments .reviewer-ratings .fas {
    color: #ffffff;
    margin-right: 0.4rem;
    background: #ea4411;
    border-radius: 0.5rem;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}


.reviewer-ratings {
    display: inline-flex;
    margin: 1rem 0 2rem 0;
}

.review-date-time {
    display: flex;
    justify-content: space-between;
	align-items:center;
}
.review-date-time small {
    font-weight: 500;
    color: #acacac;
    font-size: 1.4rem;
}


.reviewers-comment {
    margin: 0;
}

.profile-details-reviewBlock .card-body {
    padding: 3rem;
	margin-bottom:3rem;
}
.profile-details-reviewBlock .card {
    margin-bottom: 3rem;
}
.timing-schedulte-block table {
    margin-top: 2rem;
}

.selectyourlocation-modal .select2-selection--single {
    display: flex !important;
    align-items: center;
}

.selectyourlocation-modal .select2-selection__arrow{
	top:inherit !important;
}

.selectyourlocation-modal h4 {
    margin: 3rem 0 3rem 0;
    font-size: 1.8rem;
    text-transform: capitalize;
}

.selectyourlocation-modal a {
    margin-right: 1rem;
    margin-bottom: 1.4rem;
    padding: 1.3rem 1.3rem;
    font-size: 1.8rem;
    font-weight: 400;
    color: #ffffff;
    border: 1px solid #003d7a;
    background: #003d7a;
	transition: all linear 0.3s;
}



.selectyourlocation-modal {
    min-width: 900px;
}

.selectyourlocation-modal a:hover {
    background: #ea4411;
    border: 1px solid #ea4411;
    transform: translateY(-6px);
    transition: all linear 0.3s;
}

.cookie_mob_span {
    font-size: 12px;
}

.submit-forgot {
    display: inline-flex;
    width: auto;
    padding: 2rem 5rem;
}

ul.pushNav li a.signup-btn {
    background: #ea4411;
    display: block;
    font-size: 1.8rem;
    margin-left: 4rem;
    margin-top: 1rem;
	color:#fff;
	padding:1.1rem 2.2rem;
	text-align: center;
    margin-right: 4rem;
}

ul.pushNav li a.signup-btn:hover {
    background: #001327;
}

.mobile-logo a {
    padding: 0;
    border-bottom: none;
}

.signin {
    margin-bottom: 3rem;
}
.rightnavigatin-block .form-inline .navbar-nav .headerCategories-dropdown .dropdown-menu {
    background: #fff;
}


.desktop-navigation ul li.headerCategories-dropdown {
    position: static;
}
.rightnavigatin-block .form-inline .navbar-nav .headerCategories-dropdown  .dropdown-menu {
    background: #fff;
    width: 100%;
    
    flex-wrap: wrap;
    padding: 4rem;
}

.rightnavigatin-block .form-inline .navbar-nav .headerCategories-dropdown.show .dropdown-menu {
    display: inline-flex;
    top: 6.7rem;
}



.rightnavigatin-block .form-inline .navbar-nav .headerCategories-dropdown .dropdown-menu a {
    font-size: 1.6rem;
    font-weight: 600;
    display: inline-flex;
    flex-basis: 33.33%;
    margin-bottom: 2rem;
	transition: all linear 0.3s;
}

.rightnavigatin-block .form-inline .navbar-nav .headerCategories-dropdown .dropdown-menu a:hover {
    color: #ea4411;
    transform: translateX(10px);
    transition: all linear 0.3s;
}

.inner-header .rightnavigatin-block .form-inline .navbar-nav .headerCategories-dropdown.show .dropdown-menu {
    display: inline-flex;
    top: 6.7rem;
    height: 400px;
    overflow: auto;
}

.inner-header .rightnavigatin-block .form-inline .navbar-nav .headerCategories-dropdown .dropdown-menu a {
    font-size: 1.6rem;
    font-weight: 600;
    display: inline-flex;
    flex-basis: 50%;
    margin-bottom: 2rem;
}

/* scrollbar */
.dropdown-menu.show::-webkit-scrollbar {
   width:5px;	
   height:5px;
  }
  

.dropdown-menu.show::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.dropdown-menu.show::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.dropdown-menu.show::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}

.error-main h2 {
    text-align: left;
    margin-bottom: 2rem;
}

.error-main .signup-btn {
    margin-top: 2rem;
    border: 0;
}

.error-main h1 {
    font-size: 10rem;
    font-weight: 600;
    color: #003d7a;
}

.error-main {
    padding-bottom: 0;
}
.location-autocomplete input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.blog-listing-main .card {
    background: none;
    border: 0;
    padding: 0rem;
    padding-bottom: 0;
    background: #fff;
    border-radius: .25rem;
    margin-bottom: 30px;
}
 
 .blog-listing-main .card-content {
    padding: 3rem 5rem 5rem 5rem;
}

.blog-listing-main .card-content span {
    font-size: 14px;
	text-transform: capitalize;
	color:#9b9999;
}
.blog-listing-main .card-content h4 {
    font-size: 24px;
    color: #000;
    line-height: 3.2rem;
}
.blog-listing-main .card-content h4 a {
    color: #003d7a;
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 0;
}
.blog-listing-main .card:hover h4 a {
    color: #ea4411;
}
.blog-listing-main  .card:hover img {
    transform: scale(1.030);
}

.blog-title-main {
    padding-bottom: 8rem;
}

.blog-detail-main h1 {
    margin: 0 0 3rem;
    font-size: 5.3rem;
    font-weight: 700;
    color: #003d7a;
    position: relative;
    text-align: center;
    line-height: 7.5rem;
}

.blog-detail-main .dateTimeAuthor {
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 500!important;
    color: #696b71;
    margin: 0;
    text-transform: capitalize;
}

.featuredBanner img {
    border-radius: 10px;
}
.featuredBanner {
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 1rem;
    margin: 5rem 0;
}
.contact-main-block.blog-detail-main{
        padding-bottom: 0rem;
}


.blog-description h2 {
    font-weight: 700;
    margin: 3rem 0;
    line-height: 4rem;
    font-size: 3.4rem;
    text-align: left;
	color:#000;
}

.blog-description p {
    font-size: 1.8rem;
    line-height: 4rem;
}

.blog-description h3 {
    font-size: 28px!important;
    margin-top: 4rem;
    margin-bottom: 2rem;
    text-align:left;
}

.blog-listing-main .img-card img {
    max-width: 100%;
    transition: all linear 0.5s;
    border-radius: 0.5rem;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0px;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.blog-description {
    max-width: 80%;
    margin: 0 auto;
}

.oursolutions-slider .swiper-pagination {
    display: none;
}

.oursolutions-slider video{
	width:100%;
}

.vendor_review .signup-btn {
    font-size: 1.8rem;
}
.writeReview-title-block {
    display: flex;
}

.div-review-form {
    margin-top: 4rem;
}

.social-review-comments .reviewers-comment {
    margin-top: 1rem;
}

.review-rating-main  h1 {
    margin-bottom: 2rem;
    font-weight:700;
    font-size: 3rem;
    text-transform: capitalize;
}

.changepassword-box {
    width: 60%;
    background: #fff;
    padding: 10rem;
    margin: 0 auto;
}
.changepassword-box h3 {
    margin-bottom: 3rem;
}

.successfully-edit p {
    font-size: 3rem;
    margin-top: 3rem;
}
.successfully-edit {
    text-align: center;
}

.successfully-edit .fa-check-circle {
    font-size: 8rem;
}

.vendor-profile-main {
    padding-bottom: 3rem;
}

.editprofile-fields .card .card-body {
    padding: 0;
}
.editprofile-fields {
    padding-top: 0 !important;
}
.editprofile-fields .card {
    padding: 6rem;
    border: 0;
}

.editprofile-fields form h2 {
    text-align: left;
    font-size: 3rem;
    margin-bottom: 3rem;
    font-weight: 700;
	color: #000;
}

.editprofile-fields .card .card-body {
    padding: 0;
}

.signin-form .form-group .select2 {
    position: relative;
    left: inherit;
	width:100% !important;
}
.editprofile-fields.signin-form .selection {
    position: relative;
    left: 0;
}
.editprofile-fields.signin-form .select2-selection {
    position: relative;
    left: inherit;
	border: 0;
}
.editprofile-fields.signin-form .select2-selection__rendered {
    position: relative;
    left: inherit;
    padding: 8px 25px !important;
    display: flex !important;
    align-items: center;
}

.editprofile-fields .form-group {
    flex-direction: column;
    align-items: start;
}


.editprofile-fields.signin-form .form-control {
    padding: 8px 25px !important;
}

.editprofile-fields.signin-form .select2-selection__arrow {
    left: initial !important;
    transform: translate(-50%, 50%);
}

.timing-block-main .checkdays-main {
    flex-direction: inherit;
    align-items: center;
}
.timing-block-main input.time-from-to {
    width: 20px;
    height: 20px;
	margin-right:1rem;
}

.card.timing-block-main label {
    margin: 0 0 0 0;
    display: flex;
    align-items: center;
}

.updatevendor-profile {
    margin-top: 7rem;
}

.dropify-wrapper {
    border-radius: 1rem;
    box-shadow: 4px 4px 7px rgb(0 0 0 / 11%);
}


 
 
 #filterToggle {
	display:none;
	
  }
  h3.rating-vendor-address {
    text-transform: capitalize;
    margin-bottom: 2rem;
}

.writeReview-title-block .div-rating {
    margin-left: 1rem;
}

.verified-icon-green {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 1rem;
    right: 1rem;
}
.signin-form .form-group span.toggle-password{
    position: absolute;
    right: 25px;
    left: auto;
    top: 18px;
	cursor:pointer;
}
.signin-form .form-group span.toggle-password i {
    color: #6b6b6b;
}

.header-loginbtn{
	background:transparent;
	border:1px solid #fff;
}

.postrequirement-btn{
    color: #fff !important;
    border-radius: 100rem;
    padding: 1.1rem 2.9rem !important;
    font-size: 1.6rem;
    transition: all linear 0.3s;
    background: #003d7a;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.rightnavigatin-block .form-inline ul.navbar-nav {
    display: flex;
    align-items: center;
}

.header-loginbtn:hover {
    border: 1px solid #ea4411;
}

.banner-postrequire-btn {
    font-size: 2rem;
    background: #ea4411;
}

.banner-postrequire-btn:hover{
    background: #003d7a;
}

.postrequirement-btn:hover {
    background: #ea4411;
}

#ui-id-2{
	/*height:auto;*/
	padding-bottom:2rem;
}

.rightnavigatin-block .form-inline .navbar-nav .headerCategories-dropdown .dropdown-menu a:focus{
background:transparent;	
}

.headfixed .postrequirement-btn {
    background: #ea4411;
}

.inner-header .postrequirement-btn {
    background: #ea4411;
}

.mobile-navigation .postrequirement-btn {
    background: #ea4411;
    display: block;
    margin-left: 4rem;
    margin-top: 2rem;
    margin-right: 4rem;
    text-align: center;
}

.close-btn {
    display: inline-flex;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 3rem;
    top: 3rem;
	cursor:pointer;
}



/*Home FAQs Tabs css start*/
    .modern-tabs {
        display: flex;
        border-bottom: 2px solid #EEF0F4;
        overflow-x: auto;
        gap: 2px;
        padding-bottom: 4px;
    }

    .modern-tab {
        padding: 10px 15px;
        border-radius: 10px 10px 0 0;
        font-weight: 600;
        color: #6B7280; 
        background: #F8FAFC;
        transition: all 0.25s ease;
        cursor: pointer;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .modern-tab:hover {
        background: #EEF2F7;
        color: #111827;
    }

    .modern-tab.active {
        background: #ffffff;
        color: #111827;
        border-bottom: 2px solid #3B82F6;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.05);
    }
/*Home FAQs Tabs css end*/    

/*Home Spacebook css start*/
.spacebook-block {
    padding-bottom: 0 !important;
	background: #fff;
	overflow:hidden;
}
.spacebook-block h2{
    padding-bottom:1.8rem;
}
.spacebook-block .swiper-button-next, .spacebook-block .swiper-button-prev{ background-color: #ea4411; padding: 1.5rem; border-radius: 5px;}
.spacebook-block .swiper-button-next.swiper-button-disabled, .spacebook-block .swiper-button-prev.swiper-button-disabled{background-color: transparent;}
/*.spacebook-block .swiper-container-horizontal>.swiper-scrollbar{ bottom: -10px;}
.spacebook-block .swiper-button-prev, .spacebook-block  .swiper-button-next{bottom: -22px;}*/
.blogCatHome { position: absolute; background: rgba(235, 70, 17, .95); padding: 5px 20px; margin-top: 15px; margin-left: 15px;
    border-radius: 20px; font-size: 14px; font-weight: 600; color: #fff; z-index: 100;}
.blog-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6;
    margin-bottom: 20px;
    font-size: 16px !important;
    color: #282828 !important;
}


.spaceBookGal h4.card-title {
    margin: 0;
}

.spaceBookGal h4.card-title a {
    font-size: 2rem;
    font-weight: 500;
    color: #000;
    line-height: 3rem;
    margin-bottom: 0;
}

.spaceBookGal .card-body{
	padding-bottom:0;
}

.spacebook-header p {
    text-align: center;
    font-weight: 600;
    color: #003d7a;
    margin-top: 0rem;
}

.galleryHead ol li, .galleryHead ol li a {
    color: #000;
    font-weight: 500;
}

.top-title-search-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap:wrap;
}

.rounded-16 {
  border-radius: 16px !important;
}



.upload-box {
    border: 2px dashed #d0d7de;
    border-radius: 12px;
    padding: 28px 20px;
    background: #f9fafb;
    cursor: pointer;
    position: relative;
    transition: all 0.25s ease;
}

.upload-box:hover {
    border-color: #0d6efd;
    background: #f4f8ff;
}

.upload-placeholder {
    pointer-events: none;
}

.upload-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    background: #e9f1ff;
    color: #0d6efd;
    font-size: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-title {
    font-weight: 600;
    margin-bottom: 4px;
    color: #212529;
}

.upload-browse {
    color: #0d6efd;
    text-decoration: underline;
}

.upload-subtitle {
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 0;
}

.upload-preview-wrap {
    position: relative;
}

.upload-preview-wrap img {
    max-width: 100%;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
}

.upload-remove-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: #dc3545;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.upload-remove-btn:hover {
    background: #bb2d3b;
}


.imageuploader-main-box p {
    font-size: 16px;
    color: #a2a2a2;
    margin-top: 10px;
}

.notes-card {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    background: #ffffff;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.notes-card:hover {
    border-color: #cfe0ff;
    box-shadow: 0 6px 18px rgba(13, 110, 253, 0.08);
}

.notes-header .feature-title {
    font-weight: 600;
   color: #003d7a;
}

.notes-limit-msg {
    background: #fff5f5;
    border: 1px solid #f5c2c7;
    border-radius: 8px;
    padding: 6px 10px;
}

.notes-textarea {
    border-radius: 10px;
    resize: none;
    min-height: 90px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
	font-size:16px;
	padding:10px;
	border:0;
	padding:0;
}

.notes-textarea::placeholder{
	color:#a2a2a2;
}

.chip.active img {
    filter: invert(1);
}

.img-content-block-right h4 {
    font-size: 2.4rem;
    color: black;
    font-weight: 500;
	margin-bottom:2rem;
}

.footer-logo-block figure {
    text-align: left;
    margin-bottom: 0;
}

.blog .news-blog-heading a {
    color: #003d7a;
}

.blog .news-blog-heading a:hover{
    color: #ea4411;
}

.blogCat-news {
    background: #1a8961;
}

.blogCat-guide {
    background: #f59b32;
}

.compose-multiple-select {
    padding: 0.9rem 2rem;
    border: 1px solid #000;
    border-radius: 5px;
}

/*.promotion-banner .swiper-slide {
    min-height: 395px;
    max-height: 395px;
	background-size:contain !important;
}*/


.about-company-main-block ul li:last-child{
	margin-bottom:0;
}

#phone_error {
    position: relative;
    bottom: -4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 13px;
}

#otp-form .form-control {
    border-radius: 12px;
    font-size: 16px;
    color: rgb(0 0 0 / 80%);
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    height: 55px;
    border: 1px solid #b7b7b7;
    background: #fff;
    box-shadow: 4px 4px 7px rgb(0 0 0 / 11%);
    padding: 8px 23px;
}
.galleryHead .breadcrumb{background-color: transparent!important;}

.mobile-whtsapplink{ display: none; }

.blog .slider .swiper-button-prev, .blog .slider .swiper-button-next{display: none;}


/*Spacelist css start*/

 .card { break-inside: avoid; margin-bottom: 1rem; border-radius: 12px; transition: all .3s ease; box-shadow: transparent !important; }
  .card:hover, .spaceBookGal:hover { transform: translateY(-3px); transition:all linear 0.3s; }
  
  .spaceBookGal{transition:all linear 0.3s; }
  
  .spacebook-img{border-radius:20px!important;}

  #masonry-grid { margin-left: -.5rem; margin-right: -.5rem; }
  #masonry-grid .grid-item { padding-left: .8rem; padding-right: .8rem; width: 100%; }
  @media (min-width: 576px) { #masonry-grid .grid-item { width: 50%; } }
  @media (min-width: 768px) { #masonry-grid .grid-item { width: 33.3333%; } }
  @media (min-width: 992px) { #masonry-grid .grid-item { width: 25%; } }
  @media (min-width: 1200px){ #masonry-grid .grid-item { width: 20%; } }
  @media (min-width: 1400px){ #masonry-grid .grid-item { width: 20%; } }

  .filter-pro{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;border-radius:14px}
  .filter-pro .input-group{width:auto}
  .filter-pro .input-group,.filter-pro .form-select,.filter-pro .form-control{height:44px}
  .filter-pro .input-group.flex-grow-1{flex:1 1 auto;min-width:260px}
  .filter-pro .form-select{min-width:170px;font-size:1rem}
  .filter-pro .input-group-text{background:#f6f7f9;color:#6b7280;border:1px solid #d0d5dd;border-right:0;border-radius:10px 0 0 10px;display:flex;align-items:center;justify-content:center;padding:0 .65rem}
  .filter-pro .input-group-text svg{width:18px;height:18px}
  .filter-pro .form-control,.filter-pro .form-select{border:1px solid #d0d5dd;border-left:0;border-radius:0 10px 10px 0;box-shadow:none;font-size:1rem;padding:.45rem .9rem}
  .filter-pro .form-control:hover,.filter-pro .form-select:hover{border-color:#98a2b3}
  .filter-pro .form-control:focus,.filter-pro .form-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
  .filter-pro .input-group:focus-within .input-group-text{color:#4f46e5;border-color:#6366f1}
  .filter-pro .input-group{margin-right:.25rem}.filter-pro .input-group:last-of-type{margin-right:0}
  @media (max-width:768px){
    .filter-pro{flex-wrap:wrap;white-space:normal;overflow-x:visible;gap:.5rem .5rem;padding:12px!important}
    .filter-pro .input-group.flex-grow-1{flex:1 0 100%;min-width:100%;margin-bottom:.25rem}
  }

  .ad-banner img { width: 100%; height: auto; object-fit: contain; }

  .galleryHead h1{
    font-size: 4.3rem;
    font-weight: 700;
    color: #003d7a;
    text-transform: capitalize;
    line-height: 5rem;
  }
  .galleryHead p {
    font-size: 1.6rem;
    font-weight: 600;
    color: #003d7a;
}

  /* ✅ tiny toast */
  .spb-toast{
    position:fixed; left:50%; bottom:22px; transform:translateX(-50%);
    background:rgba(15,23,42,.92); color:#fff;
    padding:10px 14px; border-radius:999px; font-size:14px;
    z-index:9999; opacity:0; pointer-events:none;
    transition:opacity .2s ease, transform .2s ease;
  }
  .spb-toast.show{ opacity:1; transform:translateX(-50%) translateY(-4px); }

/* ✅ Ad hover overlay + visit button */
.ad-banner { position: relative; }
.ad-actions{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
  background:linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,.30) 100%);
  border-radius:20px;
}
.ad-banner:hover .ad-actions{
  opacity:1;
  pointer-events:auto;
}
.ad-btn-visit{
  position:absolute;
   left:12px;        /* ✅ LEFT side */
  bottom:12px;      /* ✅ BOTTOM side */
  width:40px;
  height:40px;
  border-radius:12px;
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#111827;
  box-shadow:0 10px 20px rgba(0,0,0,.12);
  text-decoration:none;
  cursor:pointer;
}

/* add videos */
.ad-banner video.ad-video{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  border-radius:20px;
  background:#000;
}
.ad-banner video.ad-video::-webkit-media-controls,
.ad-banner video.ad-video::-webkit-media-controls-enclosure{
  display:none !important;
}



/* Search bar container */
.spacebook-search-box {
  background: #ffffff;
  border-radius: 999px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
  margin-top:18px;
}

.spacebook-search-box::placeholder {
  color: #6b7280; /* slightly darker gray */
}


/* Focus effect */
.spacebook-search-box:focus-within {
  box-shadow: 0 10px 35px rgba(0, 123, 255, 0.25);
  transform: translateY(-1px);
}

/* Input styling */
.spacebook-search-input {
    border: none !important;
    outline: none !important;
    font-size: 1.6rem !important;
    padding: 14px 18px !important;
    height: 100% !important;
}

.spacebook-search-box .input-group-text {
    padding: 0 0 0 2rem;
}

/* Icon styling */
.spacebook-search-icon {
  color: #6c757d;
  transition: all 0.3s ease;
}

/* Icon animation on focus */
.spacebook-search-box:focus-within .spacebook-search-icon {
  color: #0d6efd;
  transform: scale(1.1);
}

/* Remove bootstrap focus shadow */
.spacebook-search-input:focus {
  box-shadow: none !important;
}

/* Mobile optimization */
@media (max-width: 576px) {
  .spacebook-search-input {
    font-size: 1.6rem !important;
  }
}

 .spb-media{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    background:#f3f4f6;
  }
  .spb-media img{
    display:block;
    width:100%;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    border-radius:20px !important;
  }

  .spb-actions{
    position:absolute;
    inset:0;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
    background:linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,.30) 100%);
    display: none;
  }
  .spaceBookGal:hover .spb-actions{
    opacity:1;
    pointer-events:auto;
  }

  .spb-btn{
    position:absolute;
    width:40px;
    height:40px;
    border-radius:12px;
    border:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#111827;
    box-shadow:0 10px 20px rgba(0,0,0,.12);
    text-decoration:none;
    cursor:pointer;
  }
  
  .spb-btn:hover {
    background: #ecebeb;
    transition: all linear 0.2s;
}

.spaceBookGal .card-title a:hover{
	text-decoration:underline !important;
	
}
.spaceBookGal .card-title a, .ad-banner h5.card-title a {
    font-size: 1.4rem;
    color: #111827;
}

  /* ✅ positions */
  .spb-btn-share{ right:12px; top:12px; }
  .spb-btn-visit{ right:12px; top:62px; }
  .spb-btn-download{ right:12px; bottom:12px; }
  .spb-btn-copy{ left:12px; bottom:12px; }

  /* ✅ AI badge */
  .spb-badge{
    position:absolute;
    left:12px;
    top:12px;
    padding:6px 10px;
    border-radius:999px;
    background:rgba(0,0,0,.65);
    color:#fff;
    font-size:12px;
    line-height:1;
  }

  .ad-banner img { width: 100%; height: auto; object-fit: contain; border-radius: 20px !important; }

  /* ✅ AD hover overlay + Visit button (BOTTOM-LEFT) */
  .ad-banner { position: relative; }
  .ad-wrap{ position:relative; border-radius:20px; overflow:hidden; background:#f3f4f6; }
  .ad-actions{
    position:absolute;
    inset:0;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
    background:linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,.30) 100%);
  }
  .ad-banner:hover .ad-actions{
    opacity:1;
    pointer-events:auto;
  }
  .ad-btn-visit{
    position:absolute;
    left:12px;
    bottom:12px;
    width:40px;
    height:40px;
    border-radius:12px;
    border:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#111827;
    box-shadow:0 10px 20px rgba(0,0,0,.12);
    text-decoration:none;
    cursor:pointer;
  }

  /* ✅ VIDEO styling (added) */
  .ad-banner video{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    border-radius:20px;
    background:#000;
  }

  .ad-banner video.ad-video{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  border-radius:20px;
  background:#000;
}
.ad-banner video.ad-video::-webkit-media-controls {
  display:none !important;
}
.ad-banner video.ad-video::-webkit-media-controls-enclosure {
  display:none !important;
}


@media (max-width:1280px){
	.spaceBookGal .card-title a {
    font-size: 1.2rem;
}
}

/*Spacelist css end*/


/* Hide only number links */
.pagination a:not(:has(i)) {
    display: none;
}

.ad-banner-after-five, .ad-banner-bottom {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}


.main-wrapper .sidebar .sidebar-body {
    flex-grow: 1;
    overflow-y: auto;
}

.timing-schedulte-block table tr td {
    text-transform: capitalize;
}

.mobileViewlstadbanner{
    display:none;
}

.editprofile-fields.signin-form .form-control.myDropify{ height: auto;}
.editprofile-fields.signin-form  .form-group .dropify-preview span {
    position: relative;
    left: 0;
}
.oursolutions-slider .swiper-wrapper, .spacebook-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}






