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


/* header */

header {
    padding: 10px 10px 10px 0px;
    border-bottom: 1px solid #e2e2e2;
}
.container {
    max-width: 1405px;
    width: 100%;
}
body {
    font-family: 'Poppins', sans-serif;
}
.header-wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
    min-height: 80px;
}
.header-wrapper > div {
    width: max-content;
}
.header-wrapper .header--menu {
    width: 100%;
}

.cart--header .cart-icon a img {
    width: 22px;
}
.header--menu .navbar-nav {
    margin-left: auto;
}
.header--menu .navbar-nav > li > a {
    font-size: 16px;
    color: #000000 !important;
    font-weight: 400;
    padding: 5px 20px !important;
    transition: all 0.3s;
} 
.header--menu .navbar-nav > li > a .fa-plus {
    font-size: 11px;
}
.header--menu .navbar-nav > li .dropdown-toggle:after {
    display: none;
}
.header--menu .navbar-nav > li > a:hover {
    color: #5c61e7 !important;
}
.header--menu .navbar-nav .dropdown-menu {
    background-color: #f5f5f5;
    border: none;
}
.header--menu .navbar-nav .dropdown-menu a:hover {
    color: #5c61e7 !important;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.login-menu a {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.3s;
    padding: 10px 30px 10px 0px;

}
.login-menu a i {
    display: none;
}
.login-menu a:hover {
    color: #5c61e7 ;
    text-decoration: none;
}
.cart--header .cart--wrapper {
    display: flex;
    gap: 25px;
    align-items: center;
}
.cart--header .wishlist a {
    display: flex;
    color: #000;
}
.cart--header .wishlist a:hover {
    text-decoration: none;
    color: #ff374a ;
}
.cart--header .wishlist i {
    font-size: 20px;
    
}
.cart--header  .cart-icon a {
    position: relative;
}
.cart--header .cart-icon a .bage-cart {
    position: absolute;
    background-color: #ff374a;
    width: 17px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    top: -12px;
    right: -4px;
}
.search--bar .input-group {
    border-bottom:1px solid #c6c6c6;
}
.search--bar input {
    border: none;
    border-radius: 0;
    background-color: transparent;
}
.search--bar input:focus {
    border: none;
    outline: none;
    background-color: transparent;
    box-shadow: none;
}
.search--bar .input-group-text {
    background-color: transparent;
    border: none;
}
.search--bar .input-group-text i {
    font-size: 18px;
}
.header--menu .navbar-brand {
    display: none;
}
.header--menu .navbar {
    padding-right: 0 !important;
}
.login-menu .form-control.select2{
    margin-right: 30px;
}
.logo-header .logo-img a {
    display: inline-block;
}
.logo-header .logo-img a img{
    width: 220px;
}

@media (max-width:1405px) {
    .cat-col {
        padding: 0px;
    }
}
@media (max-width:1200px) {
    .header--menu .navbar-collapse {
        z-index: 999;
        width: 100vw;
        background-color: #f5f5f5;
        position: absolute;
        left: 0px;
        top: 100px;
    }
    /* .header--menu .navbar-brand {
        padding-left: 15px ;
    } */
    header .container {
        padding: 0px !important;
    }
    header {
        padding: 10px 20px 10px 0px;
    }
    .header--menu .navbar-toggler {
        border: none;
    }
    .header--menu .navbar-toggler .navbar-toggler-icon {
        background: none;
        display: inline;
    }
    .header--menu .navbar-toggler .navbar-toggler-icon i:hover {
        color: #5c61e7 ;
    }
    .header--menu .navbar-toggler .navbar-toggler-icon i {
        color: #000;
    }
    .header--menu .navbar {
        padding: .5rem 0rem .5rem 1rem;
        justify-content: flex-end;
        position: static;
    }
    .logo-header .logo-img {
        padding-left: 15px;
    }
    .logo-header .logo-img a img {
        width: 180px;
    }
    .header--menu .navbar-collapse > .navbar-nav {
        padding: 20px 0;
    }
    .header--menu .navbar-nav > li > a {
        padding: 7px 15px !important;
    }
    .header--menu .navbar-nav > li > a:hover {
        background-color: #fff;
    }
    .header--menu .navbar-nav .dropdown-menu a:hover {
        background-color: #fff;
    }
    .search--bar .input-group {
        min-width: 200px;
    }
    .header--menu .navbar {
        padding-right: 20px !important;
    }

}

@media (max-width:991px) {
    .login-menu a i {
        display: block;
        padding: 10px;
        font-size: 18px;
    }
    .login-menu a span {
        display: none;
    }
    .login-menu a {
        padding: 0;
    }
    .header-wrapper {
        min-height: 55px;
    }
    header {
        padding: 10px 5px 5px 0px;
        position: relative;
    }
    
    .search--bar {
        position: absolute;
        top: 65px;
        width: 100% !important; 
        left: 0;
        background-color: #f5f5f5;
        padding: 0 5px;
        z-index: 9;
    }
    
    .header--menu .logo-header img {
        width: 110px;
    }
    
    .header--menu .navbar {
        padding: .5rem 0rem;
    }
    .header-wrapper {
        gap: 5px;
        align-items: baseline;
    }
     .header--menu .navbar-brand {
        padding-left: 15px ;
    }
    .cart--header .cart--wrapper {
        gap: 15px;
    }
    .header--menu .navbar-collapse {
        top: 65px;
    }
    .search--bar .input-group-prepend {
        margin-right: 0px;
        cursor: pointer;
    }
    .search--bar input {
        font-size: 12px;
    }
    .search--bar .input-group {
        padding: 3px 0;
    }
    .search--bar .input-group-text i {
        font-size: 15px;
    }

    .header-wrapper .logo-header {
        width: 100%;
    }
    .header-wrapper .header--menu {
        order: 1;
        width: max-content;
    }
    .logo-header .logo-img a img {
        width: 110px;
    }
    .logo-header .logo-img a img {
    width: 110px;
    position: relative;
    bottom: 5px;
}
.header--menu .navbar-nav > li > a {
    font-size: 15px;
}
.header--menu .navbar-collapse > .navbar-nav .dropdown-item {
    font-size: 14px;
}

}
/* header end */

/* home page */



/*======= shop-category ======= */


.shop-catagory-top {
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    padding: 0px;
    height: 600px;
    background-image: url('../image/shop-category.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.shop-category {
    width: 100%;
}

.bbb_viewed_title_container {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bbb_viewed {
    padding-top: 0px;
    padding-bottom: 0px;
    background: transparent;
}

.bbb_main_container {
    background-color: transparent;
    padding: 0px
}

.bbb_viewed_title_container {
    border-bottom: solid 0px #dadada
}

.bbb_viewed_title {
    margin-bottom: 20px;
    margin-top: 8px
}

.bbb_viewed_nav_container {
    position: absolute;
    right: 0px;
    bottom: 0px
}

.bbb_viewed_nav {
    display: inline-block;
    cursor: pointer;
   background: #efeff0;
   padding: 2px 5px;
}
.bbb_viewed_nav:hover {
    background: #5c61e7 !important;
}
.bbb_viewed_nav:hover i {
    color: #fff;
}

.bbb_viewed_nav i {
    color: #000;
    font-size: 18px;
    padding: 8px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.bbb_viewed_nav:hover i {
    color: #fff;
}

.bbb_viewed_prev {
    margin-right: 15px;
    background: #efeff0;
    padding: 2px 5px;
}

.bbb_viewed_slider_container {
    padding-top: 13px
}

.bbb_viewed_item {
    width: 100%;
    background: #FFFFFF;
    border-radius: 0px;
    padding: 0;
}
.bbb_viewed_slider .shop-category > a {
    display: block;
    padding: 55px 15px;
    background-color: #fff;
    text-decoration: none;
}
.bbb_viewed_slider .shop-category > a h3 {
    font-size: 18px;
    color: #000;
}

.bbb_viewed_image {
    width: auto;
    height: auto;
}

.bbb_viewed_image img {
    display: block;
    max-width: 100%
}

.bbb_viewed_content {
    width: 100%;
    margin-top: 25px
}

.bbb_viewed_price {
    font-size: 16px;
    color: #000000;
    font-weight: 500
}

.bbb_viewed_item.discount .bbb_viewed_price {
    color: #df3b3b
}

.bbb_viewed_price span {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 8px
}

.bbb_viewed_price span::after {
    display: block;
    position: absolute;
    top: 6px;
    left: -2px;
    width: calc(100% + 4px);
    height: 1px;
    background: #8d8d8d;
    content: ''
}

.bbb_viewed_name {
    margin-top: 3px
}

.bbb_viewed_name a {
    font-size: 18px;
    color: #000000;
    line-height: 1;
    text-decoration: none;
    font-weight: 500;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease

}

.bbb_viewed_name a:hover {
    color: #0e8ce4
}

.item_marks {
    position: absolute;
    top: 18px;
    left: 18px
}

.item_mark {
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 500;
    line-height: 36px;
    text-align: center
}

.item_discount {
    background: #df3b3b;
    margin-right: 5px
}

.item_new {
    background: #0e8ce4
}

.bbb_viewed_item.discount .item_discount {
    display: inline-block
}

.bbb_viewed_item.is_new .item_new {
    display: inline-block
}

.owl-carousel .owl-item img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    width: auto;
    height: 200px;
}
.cat-col {
    padding: 0px;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*    width: 254px !important;*/
    /*    margin: 0px 10px!important;*/
    /*    padding: 0px;*/
}
.owl-item.shop-category {
    padding: 0px !important;
    width: 100%;
    height: 367px;
  }
  .bbb_viewed_item{
      height: 250px;
  }
/* maintanence service */
.common--heading {
    margin: 10px 0px 30px 0px;
    position: relative;
}
.common--heading .common--title {
    border-bottom: 2px solid #f0f0f0;
}
.common--heading .common--title h2 {
    color: #000;
    font-size: 24px;
    font-family: 600;
    padding: 10px 20px 12px 0px;
    position: relative;
    display: inline-block;
    margin: 0;
    top: 2px;
}
.common--heading .common--title h2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #5c61e7;
}
.common--heading .bbb_viewed_nav_container {
    bottom: 8px;
}
.common--heading .bbb_viewed_prev {
    margin-right: 10px;
}
.maintanance--service {
    padding: 60px 0px;
}
.maintanance--service-group {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 25px;
}
.maintanance--service-group .maintanance--service-item {
    display: block;
}
.maintanance--service-item .service-item-wrapper {
    position: relative;
}
.maintanance--service-item .service-item-wrapper .service-item-img img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    object-position: top;
    border-radius: 8px;
}
.maintanance--service-item .service-item-wrapper .service-item-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 0px 30px;
}
.maintanance--service-item .service-item-wrapper .service-item-name h3 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 28px;
    
}
.maintanance--service-item .service-item-wrapper .service-item-img {
    position: relative;
    border-radius:8px;
}
.maintanance--service-item .service-item-wrapper .service-item-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius:8px;
    background-color: rgba(0,0,0,0.5);
    transition: all 0.3s;
}
.maintanance--service-item .service-item-wrapper:hover .service-item-img::before {
    background-color: rgba(92,97,231,0.5);
}
.delevery-icon img{ 
    width: 70px;
}

@media(max-width:991px) {
    .maintanance--service-group {
        grid-template-columns: repeat(4,1fr);
        grid-gap: 20px;
    }
    .maintanance--service {
        padding: 40px 0px;
    }
    .login-menu .form-control.select2{
        margin-right: 10px;
    }
}
@media(max-width:767px) {
    .maintanance--service-group {
        grid-template-columns: repeat(3,1fr);
        grid-gap: 20px;
    }
    .common--heading .common--title h2 {
        font-size: 22px;
    }
    .maintanance--service {
        padding: 30px 0px;
    }
}
@media(max-width:660px) {
    .maintanance--service-group {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 20px;
    }
    .maintanance--service-item .service-item-wrapper .service-item-name {
        padding: 0 10px;
    }
    .template-demo{
        margin-top: 0 !important;
    }
}
@media(max-width:500px) {
    .maintanance--service-item .service-item-wrapper .service-item-name h3 {
        font-size: 16px;
    }
    .maintanance--service-item .service-item-wrapper .service-item-img img {
        height: 160px;
    }
    
}

/* maintanence end */

/* common slider furniture slider */
.common-slider {
    position: relative;
}
.common-slider::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    right: 0px;
    top: 0;
    z-index: 2;
}
.common-slider .product-item-anchor {
    display: block;
    text-decoration: none;
    color: #000;
}
.common-slider .product--item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 15px;
    position: relative;
    border-right: 1px solid #eaeaea;
    border-bottom: 2px solid transparent;
    transition: all 0.3s;
}
.common-slider .product--item:hover {
    border-bottom: 2px solid #5c61e7;
}

.common-slider .product--item .prduct--img img {
    min-height: 200px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}
.product-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.product--sale {
    position: absolute;
    right: 10px;
    top: 0;
    width: 45px;
    height: 45px;
    background-color: #5c61e7;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 15px;
}
.product-details .product-category h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #999;
}
.product-details .product--name h3 {
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 2px;
}
.product-details .product--rating i {
    color: #fdd835;
    font-size: 12px;
}
.product-details .product--price {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 5px;
}
.product-details .product--price .regular--price span {
    font-size: 14px;
    color: #999;
}
.product-details .product--price .offer--price {
    font-size: 16px;
    color: #5c61e7;
    font-weight: 500;
}
.furniture--slider-section {
    padding-bottom: 50px;
}
.decor--slider-section {
    padding: 0 0 50px;
}
.new-arrival-section .common-slider .product--item {
    flex-direction: row;
}
.new-arrival-section .common-slider .product--item .prduct--img img {
    min-height: 100px;
}
.new-arrival-section {
    padding: 60px 0;
}
@media(max-width:500px) {
    .common-slider .product--item .prduct--img img {
        
        min-height: 120px;
    }
    .furniture--slider-section {
        padding-bottom: 25px;
    }
    .new-arrival-section {
        padding: 30px 0;
    }
    .decor--slider-section {
        padding: 0 0 30px;
    }
    .other-product-title h2 {
        width: 80%;
    }
}

@media(max-width:400px) {
    .common-slider .product--item .prduct--img img {
        width: 65%;
        min-height: 100px;
    }
    .common-slider .product--item {
        border: 1px solid #eaeaea;
    }
    .common-slider::before {
        display: none;
    }
    .product--sale {
        top: 10px;
    }
    .common-slider .product--item:hover {
        border-bottom: 1px solid #5c61e7;
    }
}
/* common slider end */

/* featured products */

.features-product-section {
    background-image: url("../image/featured-bg.jpg");
    background-size: cover;
    background-position: center;
    padding: 60px 0 80px 0;
    position: relative;
}
.features-product-section:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
}
.featured--tab-liks {
    position: absolute;
    top: 0;
    width: 100%;
}
.featured--tab-liks .nav-tabs {
    justify-content: flex-end;
    border: none;
}
.featured--tab-liks .nav-tabs li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.featured--tab-liks .nav-tabs li a.active {
    background-color: transparent;
    border: none;
    color: #5c61e7;
}
.featured--tab-liks .nav-tabs li a:hover {
    border-color: transparent;
    color: #5c61e7;
}
.features-product-section .common--title {
    border: none;
}
.features-product-section .common--title h2 {
    color: #fff;
}
.featured--tab-content {
    display: flex;
    gap: 30px;
}
.featured--tab-content .featured--banner {
    width: 23%;
}
.featured--tab-content .featured--banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.featured--tab-content .featured-product-container {
    width: 77%;
}
.featured-product--wrapper {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.featured-product-item {
    display: flex;
    background-color: #fff;
    gap: 5px;
    padding: 15px 15px 5px;
    border-radius: 8px;
    text-decoration: none;
}
.featured-product-item:hover {
    text-decoration: none;
}
.featured-product-img img {
    max-width: 100px;
}

.featured-product-deatils h3 {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.featured-product-price  {
    color: #5c61e7;
    font-size: 16px;
    font-weight: 600;
}

@media (max-width:1024px) {
    .featured-product--wrapper {
        grid-template-columns: repeat(2,1fr);
        gap: 25px;
    }
    .featured--tab-content .featured--banner {
        width: 30%;
    }
    .featured--tab-content .featured-product-container {
        width: 70%;
    }
    .featured-product-img img {
        max-width: 70px;
    }
    .featured--tab-liks {
        top: 10px;
    }
}
@media (max-width:767px) {
    .featured--tab-content .featured--banner {
        display: none;
    }
    .featured--tab-content .featured-product-container {
        width: 100%;
    }
    .featured--tab-liks {
        position: relative;
    }
    .featured--tab-liks .nav-tabs {
        justify-content: flex-start;
    }
    .features-product-section {
        padding: 30px 0 60px 0;
    }
}

@media (max-width:500px) {
    .featured-product--wrapper {
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    .featured--tab-liks .nav-tabs li a {
        padding: 5px 10px;
    }
}
/* featured product end */

/* moible app */
.mobile--app-section {
    background-image: url("../image/mobile-app-bg.png");
    width: 100%;
    background-size: cover;
    margin: 60px 0;
}
.mobile--app-section .container {
    max-width: 1024px;
}
.mobile-app {
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
    padding: 7rem 0;
   
}
.mobile-app .mobile-app-img {
    width: 45%;
    text-align: center;
}
.mobile-app .mobile-app-img img {
    width: 100%;
}
.mobile-app .mobile-app-content {
    width: 65%;
}
.mobile-app .mobile-app-content h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 500;
}
.mobile-app .mobile-app-content p {
    color: #d9d9d9;
    margin: 20px 0 30px;
}
.mobile-app .mobile-app-content .playstore-link {
    display: flex;
    gap: 20px;
}
.mobile-app .mobile-app-content .playstore-link a {
    display: inline-block;
    transition: all 0.3s;
}
.mobile-app .mobile-app-content .playstore-link a:hover {
    transform: scale(1.1);
}

@media (max-width:1024px) {
    .mobile-app {
        gap: 10px;
    }
    .mobile-app .mobile-app-content h3 {
        font-size: 30px;
    }
}

@media (max-width:767px) {
    .mobile-app .mobile-app-content .playstore-link img {
        width: 100px;
    }
    
}
@media (max-width:600px) {
    .mobile-app .mobile-app-content .playstore-link img {
        width: 100px;
    }
    .mobile-app {
        flex-direction: column;
        gap: 30px;
        padding: 4rem 0;
    }
    .mobile-app > div {
        width: 100% !important;
    }
    .mobile-app .mobile-app-img img {
        width: 300px;
    }
    .mobile-app .mobile-app-content h3 {
        font-size: 26px;
    }
    .mobile--app-section {
        margin: 25px 0;
    }
    
}
/* mobile app end */

/* how its work */
.how--its-work {
    padding: 1rem 0rem 4rem;
}
.how-its-work-heading {
    padding: 30px 0;
}
.how-its-work-heading h2 {
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
}
.how-its-work-wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 60px;
}
.how-its-work-wrapper .work--items {
    padding: 25px;
    box-shadow: 1px 3px 4px rgba(0,0,0,0.2);
    text-align: center;
    position: relative;
}
.how-its-work-wrapper .work--items h4 {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #5c61e7;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 600;
    border-radius: 50%;
}
.how-its-work-wrapper .work--items img {
    width: 100%;
    height: 200px;
}
.how-its-work-wrapper .work--items h3 {
    font-size: 14px;
    line-height: 25px;
    margin-top: 15px;
    padding: 0px 40px;
}

@media (max-width:1300px) {
    .how-its-work-wrapper .work--items h3 {
        padding: 0px 20px;
    }
    .how-its-work-wrapper {
        gap: 40px;
    }
    .how-its-work-wrapper .work--items img {
        height: 180px;
    }
}

@media (max-width:991px) {
    .how-its-work-wrapper {
        gap: 15px;
    }
    .how-its-work-wrapper .work--items {
        padding: 15px;
    }
    .how-its-work-wrapper .work--items h4 {
        top: 10px;
        left: 10px;
        width: 35px;
        height: 35px;
        font-size: 12px;
    }
    .how-its-work-wrapper .work--items img {
        height: 150px;
    }
}

@media (max-width:767px) {
    .how-its-work-wrapper {
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    .how-its-work-heading h2 {
        font-size: 26px;
    }
    .how--its-work {
        padding: 0.5rem 0rem 2rem;
    }
    .how-its-work-wrapper .work--items img {
        height: 200px;
    }
}
@media (max-width:500px) {
    .how-its-work-wrapper .work--items img {
        height: 150px;
    }
}
@media (max-width:400px) {
    .how-its-work-wrapper {
        grid-template-columns: repeat(1,1fr);
        gap: 25px;
    }
    .how-its-work-wrapper .work--items img {
        height: unset;
    }
    
}
/* how its work end */

/* why choose */
.why-choose-wrapper {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.why--choose-us .container{
    max-width: 1024px;
}
.why-choose-wrapper ul {
    position: relative;
    list-style-type: none;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.why-choose-wrapper ul::before {
    background-image: url(../image/why-chose-line.png);
    content: "";
    width: 2px;
    height: calc(100% - 50px);
    top: 0;
    left: 24px;
    position: absolute;
    z-index: -1;
}
.why-choose-wrapper .why--chose-content {
    width: 45%;
}
.why-choose-wrapper ul li {
    display: flex;
    gap: 20px;
    min-height: 80px;
}
.why-choose-wrapper ul li span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #5c61e7;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.why-choose-wrapper ul li p {
    width: calc(100% - 70px);
    font-size: 14px;
    font-weight: 300;
}
.why-choose-img {
    width: 55%;
}
.why-choose-img img {
    width: 100%;
}

@media (max-width:767px) {
    .why-choose-wrapper {
        flex-direction: column;
        gap: 0px;
    }
    .why--chose-content {
        width: 100% !important;
    }
    .why-choose-img {
        width: 100% !important;
        text-align: center;
    }
    .why-choose-img img {
        width: 300px;
    }
}
/* why choose end */

/* quality */
.our--quality {
    background-image: url("../image/footer-wave-bg.png");
    background-size: cover;
    height: 340px;
    display: flex;
    align-items: flex-end;
    padding: 20px 0px;
}
.our--quality .container {
    max-width: 1050px;
}
.quality--wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.quality-items {
    display: flex;
    align-items: center;
    gap: 25px;
}
.quality-items .quality-content h3 {
    font-size: 24px;
    color: #fff;
}
.quality-items .quality-content p{
    color: #b1baff;
font-size: 14px;
}

@media (max-width:991px) {
    .quality-items .quality-content h3 {
        font-size: 20px;
    }
    .quality-items{
        gap: 15px;
    }
    .quality-img img {
        width: 30px;
    }
    .our--quality {
        height: 260px;
    }
}

@media (max-width:767px) {
    .our--quality {
        background-color: #5c61e7;
        background-image: none;
        padding: 40px 0px;
        height: auto;
        margin-top: 40px;
    }
    .quality--wrapper {
        flex-direction: column;
        align-items: center;
    }
}
/* quality end */

/*=======  footer css ======= */

.bg-gray {
    background: #f5f5f5;
}

ul.list-footer li {
    list-style: none;
    display: block;
    color: #8c8c8c;
    margin-bottom: 15px;
    font-size: 16px;
}

ul.list-footer li i {
    color: #888888;
    font-size: 18px;
    margin-right: 5px;
    position: relative;
}

.footer-column {
    padding-left: 10px;
}

.footer-widget h6 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 50px;
}

.services-list li a {
    display: block;
    color: #484848;
    text-decoration: none;
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
    padding-left: 15px;
}

.services-list li a:before {
    content: "";
    background-image: url(../image/bullet-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 4px;
    left: -10px;
}

.newsletter .content {
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2
}

.content-tuned {
    font-size: 14px;
    margin-bottom: 34px !important;
    color: #484848;
    text-align: left;
    font-weight: 500;
}

.content input {
    font-size: 13px;
    padding: 5px;
    height: auto;
}

.newsletter .form-control {
    border-color: #ffffff;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #333333;
}

.form-control:focus {
    box-shadow: none !important;
    border: 2px solid #243c4f;
    border-color: none
}

.newsletter .btn {
    border-radius: 0;
    background: #333333;
    box-shadow: none;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.newsletter .btn:hover {
    background: #5c61e7;
    color: #fff
}

.newsletter .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25) !important;
    border-width: 1px;
}

.bg-purple {
    background: #5c61e7;
    padding: 22px 0px;
}

.footer-copy-write p {
    color: #fff;
    margin: 0px;
    font-size: 16px;
}

.footer-copy-write a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.footer-copy-write.text-center a img {
    margin-left: 5px;
}

.template-demo i {
    font-size: 16px;
    margin: 0px 10px;
    color: #000;
}
.template-demo i:hover {
    color: #5c61e7;
}
.footer-address li a {
    color: #8c8c8c;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.footer-address li a:hover {
    color: #5c61e7;
}

.owl-item.shop-category {
    padding: 0px!important;
    width: 100%;
}

.footer--main > .container {
    padding: 60px 15px;
}
.footer--main .footer-widget {
    margin-bottom: 2rem;
}
.footer--main .list-footer {
    padding-left: 0px;
}
.template-demo {
    margin-top: 25px;
}


/* latest service home */
.latest_servies_main {
	min-height: 400px;
    height: auto;
    position: relative;
    z-index: 1;
}

.latest_servies_main:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: -1;
    background: rgb(93 99 228 / 45%);
}

.latest_service_box > a {
    padding: 0px 0px !important;
    border-radius: 10px;
    transition: all 0.3s;
}

.latest_service_box > a > .product--item > .prduct--img > img {
    height: 200px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}
.latest_service_box > a > .product--item > .prduct--img {
    position:relative;
}

.latest_service_box > a > .product--item > .prduct--img:after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	background:linear-gradient(360deg, rgb(0 0 0 / 44%) 18%, transparent 46%, rgb(255 255 255 / 0%));
	border-radius: 10px;
	
}

.latest_service_box > a > .product--item > .product-details h3 {
    color: #fff;
}

.latest_service_box > a > .product--item > .product-details {
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    transition: all 0.3s;
}

.latest_service_box > a:hover .product--item > .product-details {
    transform: translateX(-50%) translateY(-20px);
}

.latest_service_box > a > .product--item > .product-details > .product--price > .regular--price span{
	text-decoration: line-through;
}

.owl-item.shop-category.latest_service_box {
    height: auto;
}


.new_service_group > .maintanance--service-item .service-item-wrapper > .service-item-img:before {
    display: none;
}


.new_service_group > .maintanance--service-item .service-item-wrapper .service-item-name {
    position: relative;
    transform: translate(0px, 0px);
    left: 0px;
    padding: 0px;
}

.new_service_group > .maintanance--service-item .service-item-wrapper > .service-item-img:before {
    display: none;
}

.maintanance--service-item {
    min-height: 200px;
    background: rgb(221 221 221 / 22%);
    border-radius: 15px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: 0.3s;
}

.maintanance--service-item:hover {
    background: rgb(92 97 231 / 16%);
    transform: scale(1.05);
    text-decoration: none;
}

.maintanance--service-item > .service-item-wrapper {
    padding: 10px;
    width: 100%;
}
.new_service_group > .maintanance--service-item .service-item-wrapper .service-item-name h3 {
    color: #666;
    font-weight: 400;
}

.new_service_group > .maintanance--service-item .service-item-wrapper .service-item-name p.service-item_count {
    color: #666;
    font-weight: 400;
}

.new_service_group > .maintanance--service-item .service-item-wrapper > .service-item-img > img {
    height: 120px;
    width: 150px;
    object-fit: cover;
}
/* latest service home end */

/* single service */
header {
    position: sticky;
    top: 0px;
    z-index: 2;
    background: #fff;
}

.single-service-details_section > .container > .row {
    align-items: start;
}
.single-service-banner {
    height: 200px;
    overflow: hidden;
}

.single-service-banner > .top--banner-wrapper > img {
    height: auto;
}

.single-service-banner > .top--banner-wrapper > .about-banner > ul {
    margin-bottom: 0px;
}

.single-service-details_section .owl-stage-outer > .owl-stage > .owl-item > .item > .deal_detail_img {
    height: 100% !important;
}

.single-service-details_section .deal_detail_offer_with_price i {
    position: absolute;
    top: 21px;
    right: 0;
}
.single-service-details_section .deal_detail_box {
    background: #f7f7f7;
    padding: clamp(15px, 6vw, 50px);
    box-shadow: 0px 4px 11px 3px #efefef;
    border: 1px solid #ebebeb;
}

.address_details ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.address_details ul > li span > i, .address_details ul > li a > i {
    background: #7276e7;
    color: #fff;
    width: 30px;
    aspect-ratio: 1/1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.address_details ul > li span, .address_details ul > li a {
    display: flex;
    gap: 10px;
    align-items: center;
}

.address_details ul > li a:hover {
    text-decoration: none;
}

.single-service-details_section .deal_detail_contact > .fa-star {
    color: #fdd835;
    font-size: 12px;
}
/* single service end */


/* login page */
section.login_page {
	background: url(../image/shop-category.png);
    margin: 0px !important;
    padding: 70px 0px;
    background-size: cover;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
}
section.login_page:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(255 255 255 / 87%);
    top: 0;
    left: 0px;
    z-index: -1;
}
.login_page .form_wrapper span.form_icon {
    width: 100px;
    aspect-ratio: 1/1;
    height: auto;
}

.login_page .booking_step_heading > .form_wrapper, .login_page .registrationDiv .form_wrapper {
    padding: 60px 28px;
    max-width: 495px;
    width: 100%;
    padding-bottom: 30px;
    box-shadow: 0px 5px 17px 2px rgb(179 179 179 / 61%);
    border: 1px solid #ddd;
}

.login_page .registrationDiv h1 > span{
    color: var(--primary-color);
}

.login_page .registrationDiv h1 {
    text-align: center;
    padding-bottom: 20px;
}

.login_page .registrationDiv .form_wrapper > form i.fa-regular.fa-user {
    font-family: 'Font Awesome 5 Free';
}

.login_page .registrationDiv .form_wrapper > form i.fa-regular.fa-user:before {
    transform: skew(16deg, 0deg);
    margin-left: -6px;
}

.login_page .booking_step_heading > .form_wrapper span.form_icon i{
	font-family: 'Font Awesome 5 Free';
}

.login_page .booking_step_heading > .form_wrapper span.form_icon i:before{
	transform: skew(16deg, 0deg);
    margin-left: -6px;
}

.login_page .booking_step_heading h1{
	padding-bottom: 20px;
}
/* .hide_div_r{
    display: none;
} */

/* login page end */


/* registe page */
.company_type_b > p {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
    margin-bottom: 0px;
    width: 100%;
}

.company_type_b > p > input {
    width: 15px;
}

.company_type_b {
    display: flex;
}

.select_service_b > .btn-group > .btn {
    border: 1px solid #e1e1e1;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    max-width: 100%;
}
.select_service_b > .btn-group > .btn > span.multiselect-selected-text {
    white-space: break-spaces;
}
.select_service_b.select_service_b_2 > .btn-group > .multiselect-container {
    height: auto;
    overflow: hidden;
}
.select_service_b > .btn-group > .multiselect-container {
    top: 100% !important;
    transform: translate3d(0px, 4px, 10px) !important;
    padding: 12px !important;
    width: 100%;
    height: 250px;
    overflow-y: scroll;
}

.select_service_b > .btn-group > .multiselect-container > li > a > label {
    padding: 0px;
}

.select_service_b > .btn-group > .multiselect-container > li {
    margin-bottom: 10px;
}

.select_service_b > .btn-group {
    display: block;
}
/* registe page end */





/* media query start*/

@media (max-width:1200px) {
    .template-demo i {
        margin: 0 5px;
    }
}


@media (max-width:1024px) {
    .footer--main .footer-top--ct .row > div:nth-child(2), .footer--main .footer-top--ct .row > div:nth-child(3),.footer--main .footer-top--ct .row > div:nth-child(4) {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .footer--main .footer-top--ct .row > div:nth-child(5) {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .footer-bottom .row .col-md-4 {
        flex: 0 0 100%  !important;
        max-width: 100% !important;
        margin-top: 15px;
    }
    .footer-copy-write {
        text-align: center !important;
    }
    .content-tuned {
        margin-bottom: 20px !important;
    }
    .login_page .booking_step_heading > .form_wrapper, .login_page .registrationDiv .form_wrapper {
        padding: 50px 20px;
    }
    
}

@media (max-width:991px) {
    .cat-col {
        padding: 0 0px;
    }
}


@media(max-width:767px) {
    .bbb_viewed_title h1 {
        font-size: 24px;
    }
    .bbb_viewed_item {
        padding: 40px 15px;
    }
    .bbb_viewed_nav i {
        font-size: 12px;
    }
    .shop-catagory-top {
        height: 500px;
    }
    .footer--main .footer-top--ct .row > div:nth-child(1), .footer--main .footer-top--ct .row > div:nth-child(2), .footer--main .footer-top--ct .row > div:nth-child(3),.footer--main .footer-top--ct .row > div:nth-child(4) {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .footer--main .footer-top--ct .row > div:nth-child(5) {
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    .footer--main .footer-widget {
        margin-bottom: 1rem;
    }
    .content-tuned {
        margin-bottom: 15px !important;
    }
    .cat-col {
        padding: 0 0px;
    }
    .bbb_viewed_slider .shop-category > a {
        padding: 30px 15px;
    }
}
@media(max-width:660px) {
       .template-demo{
        margin-top: 0;
    }
}
@media(max-width:450px) {
    
    .bbb_viewed_nav i {
        font-size: 10px;
    }
    .bbb_viewed_title h1 {
        font-size: 21px;
    }
    .bbb_viewed_prev {
        margin-right: 5px;
        padding: 0px 3px;
    }
    .bbb_viewed_nav {
        padding: 0px 3px;
    }
    .bbb_viewed_nav_container {
        bottom: -6px;
    }
    .shop-catagory-top {
        height: 460px;
    }
    .footer--main .footer-top--ct .row > div:nth-child(1), .footer--main .footer-top--ct .row > div:nth-child(2), .footer--main .footer-top--ct .row > div:nth-child(3),.footer--main .footer-top--ct .row > div:nth-child(4) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .footer--main .footer-top--ct .row > div:nth-child(5) {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .footer--main .footer-widget {
        margin-bottom: 0.5rem;
    }
    .footer--main > .container {
        padding: 45px 15px;
    }
    .footer-logo {
        margin-bottom: 20px;
    }
    .footer-copy-write a {
        font-size: 14px;
    }
    .footer-copy-write p {
        font-size: 14px;
    }
    .footer-copy-write.text-center a img {
        margin-left: 0px;
        width: 20px;
    }
    .bbb_viewed_item {
        padding: 20px 15px;
    }
    .otp_div > .mb_div > .input-group-prepend, .otp_div > .mb_div > .input-group-prepend > span, .otp_div > .mb_div > .form-control {
        width: 100%;
    }
    
}

/* about page */

.about-page-banner {
    /* background-image: url(../image/featured-bg.jpg);
    background-size: cover; */
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: center;
}
.about-page-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
}
.about-banner {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    
}
.about-banner ul {
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    list-style-type: none;
}
.about-banner h1 {
    color: #fff;
}
.about-banner ul li {
    position: relative;
    padding: 0 5px;
}
.about-banner ul li::before {
    content: "";
    background-image: url(../image/arrow-right.png);
    position: absolute;
    width: 20px;
    height: 100%;
    top: 1px;
    right: -20px;
    z-index: 9;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(1);
}
.about-banner ul li:last-child::before {
    display: none;
}
.about-banner ul li a {
    color: #f2f2f2;
    text-decoration: none;
}
.top--banner-wrapper img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.top--banner-wrapper {
    width: 100%;
}
.about--us {
    padding: 5rem 0;
}
.about-us-wrapper {
    display: flex;
    gap: 40px;
   /* justify-content: center;
    align-items: center;*/
}
.about-us-img {
    width: 50%;
}
.about-us-img img {
    width: 100%;
}
.about-us-content {
    width: 50%;
}
.about-us-content h4 {
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 2px solid #5c61e7;
    padding: 5px 0px;
}
.about-us-content h2 {
    font-size: 34px;
    margin: 20px 0px;

}
.about-us-content p {
    color: #666;
    line-height: 30spx;
}
.core-featured-wrapper {
    display: flex;
    gap: 20px;
}
.core-featured-item {
    padding: 50px 30px;
    border: 1px solid #f5f5f5;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ;
}
.core-featured-item:hover {
    border: 1px solid #5c61e7;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.core-featured-item .icon-box {
    width: 90px;
    height: 90px;
    background-color: #5c61e7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.core-featured-content {
    text-align: center;
}
.core-featured-content h3 {
    font-size: 24px;
}
.core-featured-content p {
    font-size: 16px;
    font-weight: 300;
    margin-top: 20px;
    line-height: 30px;
}
.client-rivew-content .client-info {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.client-rivew-content .client-img img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}
.client-rivew-content .client-data h4 {
    font-size: 20px;
}
.client-rivew-content .client-data h3 {
    font-size: 16px;
    color: #999;
}
.client-rivew-content p {
    font-style: italic;
    line-height: 30px;
    color: #333;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.client--review {
    padding: 5rem 0;
    background-color: #ebecff;
}
.client--review .container {
    max-width: 1024px;
}
.client-slider-heading h2 {
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
}
.why-choose-about {
    padding: 5rem 0;
}

@media (max-width:991px) {
    .about--us {
        padding: 4rem 0;
    }
    .about-banner {
        top: 60%;
    }
}
@media (max-width:767px) {
    .about-us-wrapper {
        flex-direction: column-reverse;
        gap: 30px;
    }
    .about-us-wrapper > div {
        width: 100% !important;
    }
    .core-featured-wrapper {
        flex-direction: column;
    }
    .why-choose-about {
        padding: 3rem 0;
    }
    .client-slider-heading h2 {
        font-size: 24px;
    }
    .client--review {
        padding: 4rem 0;
    }
    .client--review .common--heading .bbb_viewed_nav_container {
        bottom: 3px;
    }
    .client-rivew-content .client-data h4 {
        font-size: 18px;
    }
    .core-featured-item {
        padding: 40px 20px;
    }
    .core-featured-item .icon-box {
        width: 75px;
        height: 75px;
    }
    .core-featured-item .icon-box img {
        width: 40px;
    }
}

@media(max-width:450px) {
    .about-page-banner {
        height: 200px;
    }
    .top--banner-wrapper img {
        height: 200px;
    }
    .about-banner h1 {
        font-size: 24px;
    }
    .about-banner ul li a {
        font-size: 14px;
    }
    .about-us-content h2 {
        margin: 10px 0px;
    }
    .about-us-content h2 {
        font-size: 30px;
    }
    .about--us {
        padding: 3rem 0;
    }
}
/* about page end */


/* privacy policy */
.privacy--policy {
    padding: 5rem 0;
}
.privacy--policy-data h2 {
    font-size: 24px;
    margin: 20px 0px;
}
.privacy--policy-data p {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

@media (max-width:767px) {
    .privacy--policy {
        padding: 3rem 0;
    }
    .privacy--policy-data h2 {
        font-size: 22px;
    }
}
/* privacy policy end */

/* contact us */
.contact--details {
    padding: 100px 0;
}
.contact_form_2 input{
    padding: 11px 11px;
    height: initial;
}
.contact_form_2 textarea{
    padding: 11px 11px;
    height: initial;
}
.contact--info {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.contact-info-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 40px 20px;
    gap: 25px;
}
.contact-info-item .icon-box {
    width: 80px;
    height: 80px;
    border: 2px solid #5c61e7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5c61e7;
    font-size: 28px;
    transition: all 0.3s;
}
.contact-info-item .contact-data h3{
    font-size: 24px;
}
.contact-info-item .contact-data p, .contact-info-item .contact-data a {
    color: #666;
    text-decoration: none;
}
.contact-info-item .contact-data a:hover {
    color: #5c61e7;
}
.contact-info-item:hover .icon-box {
    background-color: #5c61e7;
    color: #fff;
} 

.contact--form {
    padding: 30px 0px 100px;
}
.contact--wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
.contact_form h2 {
    font-size: 34px;
    text-transform: uppercase;
}
.contact_form p {
    line-height: 28px;
    color: #666;
    margin-top: 30px;
}
.contact_form form {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
}
.contact_form form > div:nth-child(5), .contact_form form > div:nth-child(6) {
    grid-column: span 2;
}
.contactForm input {
    height: 50px;
}
.contactForm label {
    display: none;
}
.contactForm {
    margin-top: 30px;
}
.contactForm .btn-primary {
    padding: 10px 40px;
    background-color: #5c61e7;
    transition: all 0.3s;
}
.contactForm .btn-primary:hover {
    background-color: #9a6bf8;
    border-color: #9a6bf8;
}
.contact--map iframe {
    height: 100% !important;
}
.contactForm .form-control:focus {
    border: 1px solid #5c61e7;
}

@media (max-width:991px) {
    .contact--details {
        padding: 75px 0;
    }
    .contact--info {
        gap: 20px;
    }
}
@media (max-width:767px) {
    .contact--info {
        grid-template-columns: repeat(1,1fr);
    }
    .contact-info-item .contact-data h3 {
        font-size: 22px;
    }
    .contact--wrapper {
        grid-template-columns: repeat(1,1fr);
        gap: 50px;
    }
    .contact--map iframe {
        height: 300px !important;
    }
    .contact--form {
        padding: 0px 0px 80px;
    }
    .contact--info {
        gap: 30px;
    }
}

@media (max-width:500px) {
    .contact_form form {
        grid-template-columns: repeat(1,1fr);
        gap: 15px;
    }
    .contact_form form > div:nth-child(5), .contact_form form > div:nth-child(6) {
        grid-column: span 1;
    }
    .contact_form p {
        margin-top: 20px;
    }
    .contact_form h2 {
        font-size: 30px;
    }
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) {
    .bbb_viewed_item {
        height: 340px;
      }
}

/* contact us end */

.client-provider-main-div{
    display: block;
    align-items: center;
}
.client-provider-card{
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    /* margin: 0 auto; */
    max-width: 400px;
}
.client-provider-card:first-child{
    margin-bottom: 30px;
    margin-top: 40px;
}
.client-provider-card h4{
    color: #fff;
    padding: 20px 0;
}

.mobile-app .mobile-app-content .playstore-link{
    justify-content: center;
}