/********** Template CSS **********/

:root {

    --primary: #173e52;

    --secondary: #F6F6F6;

    --light: #FFFFFF;

    --dark: #152440;

}



#select-box{

  height:250px;

  overflow-y:auto;

    width:350px;

}

select-box{

  overflow-y:scroll;

}



.didesk{

    box-shadow: 1px 1px 20px;

     background-color: #fff;

     padding: 40px 0 !important; 

     width: 90%;

     margin: 20px auto;

     /*border-radius: 30px;*/

     border-radius: 5px;

 }



 .Footerfirst{

    background-color: #efefef; 

  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    /*margin: 30px auto; */

    /*border-radius: 20px; */

    width: 100%;

 }



.text-center h3 {

  color: #FFFFFF !important;

}



.navbar-brand img {

    max-width: 80%;

}



.dimage{

    object-fit: cover; /*margin: -25PX; */

    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, 

    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, 

    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;

   /* margin-top: 100px;*/

}



.ddesk{

        /*border: 1px solid;*/

        border-block-color: #efefef;

        background-color: #d7d6df !important;

        /*border-radius: 20px;*/

        /*border-bottom-right-radius: 20px;*/

        color: #000;

        font-size: 18px;

        font-family: sans-serif !important;

        margin-top: 20px;

        padding-top: 20px;

        text-align: center;

}



.contactbtn {

    background-color: #fff;

    color: #000 !important;

}

.why-choose-bg h3{

    color: #FFFFFF;

}

.why-choose-bg{

    background-image: url(../img/whybg.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 80px 0; 

    background-attachment: fixed;

    background-color: #0006;

    background-blend-mode: overlay;

}

.servicebg{

    background-image: url(../img/servicesbg.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    padding: 80px 0; 

    background-attachment: fixed;

    background-color: #0006;

    background-blend-mode: overlay;

}

.footerbg{



    background-image: url(../img/footer-bg.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 80px 0; 

}

h1,

h2,

.font-weight-bold {

    font-weight: 700 !important;

}



h3,

h4,

.font-weight-semi-bold {

    font-weight: 600 !important;

    font-size: 18px;

}

.hidemobile {display: block;}

.hidedesktop {display: none;}



h5,

h6,

.font-weight-medium {

    font-weight: 500 !important;

}



.pt-6 {

    padding-top: 90px;

}



.pb-6 {

    padding-bottom: 90px;

}



.py-6 {

    padding-top: 50px;

    padding-bottom: 90px;

}



.btn {

    font-family: 'Barlow', sans-serif;

    font-weight: 600;

    transition: .5s;

}



.btn-primary {

    color: #FFFFFF;

}



.btn-square {

    width: 36px;

    height: 36px;

}



.btn-sm-square {

    width: 28px;

    height: 28px;

}



.btn-lg-square {

    width: 46px;

    height: 46px;

}



.btn-square,

.btn-sm-square,

.btn-lg-square {

    padding-left: 0;

    padding-right: 0;

    text-align: center;

}



.back-to-top {

    position: fixed;

    display: none;

    right: 45px;

    bottom: 45px;

    z-index: 99;

}



.top-shape::before {

    position: absolute;

    content: "";

    width: 35px;

    height: 100%;

    top: 0;

    left: -17px;

    background: var(--primary);

    transform: skew(40deg);

    background-color: #395920;

}



.navbar-light .navbar-nav .nav-link {

    font-family: 'Barlow', sans-serif;

    padding: 35px 15px;

    font-size: 18px;

    text-transform: uppercase;

    color: var(--dark);

    outline: none;

    transition: .5s;

}



.sticky-top.navbar-light .navbar-nav .nav-link {

    padding: 20px 15px;

}



.navbar-light .navbar-nav .nav-link:hover,

.navbar-light .navbar-nav .nav-link.active {

    color: var(--primary);

}



@media (max-width: 991.98px) {

    .navbar-light .navbar-nav .nav-link  {

        padding: 10px 0;

    }

}





.carousel-caption {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgb(21 36 64 / 31%);

    z-index: 1;

}



@media (max-width: 576px) {



    .servicesmobile{

    padding-left: 0px !important;

    padding-right: 0px !important;    

    }



    .custom-why-us{

        width: 400px;

    }



    .custom-about-us{

        /*height: 350px;

        width: 550px;*/

        margin: -70px 0 0 0 ;

    }







    .py-6 {

    padding-top: 50px;

    padding-bottom: 50px;

}



.pt-6 {

    padding-top: 50px;

}

    .hidemobile {display: none;}

    .hidedesktop {display: contents;}

    .carousel-caption h5 {

        font-size: 14px;

        font-weight: 500 !important;

    }



    .carousel-caption h1 {

        font-size: 20px;

        font-weight: 600 !important;

    }



    .navbar{

        padding-right: 15px !important;

        padding-left: 15px !important;

    }



     .navbar-brand{

        width: 70%;

    }



    .img-fluid {

        max-width: 100% !important;

}   

    .navbar-toggler{

        z-index: 9999; 

    }



    .navbar-collapse {

    position: absolute;

    /* border: 1px solid; */

    top: 71px;

    z-index: 999;

    background-color: #efefef;

    width: 100%;

    text-align: center;

    left: 0;

}



.dropdown-item {

    padding: 1rem 1.5rem;

}



.dropdown-menu.show {

    display: block;

    width: 95% !important;

}



.carousel-item img {

    /*width: 100% !important;*/

    height: 250px;

    background-size: cover;

}

   

    

}



.carousel-control-prev,

.carousel-control-next {

    width: 10%;

}



.carousel-control-prev-icon,

.carousel-control-next-icon {

    width: 3rem;

    height: 3rem;

}



.service-item {

    position: relative;

    overflow: hidden;

    /*height: 100%;*/

    height: 110%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    transition: .3s;

}



.service-item::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 50px;

    bottom: -50px;

    left: 0;

    background: var(--light);

    /*border-radius: 100% 100% 0 0;*/

    box-shadow: 0px -10px 5px #EEEEEE;

    transition: .5s;

}



/*.service-item:hover::after {

    bottom: -25px;

}

*/

.service-item p {

    transition: .3s;

}



.service-item:hover p {

    margin-bottom: 25px !important;

}



.team-item img {

    transform: scale(1.15);

    /*margin-left: -30px;*/

    transition: .5s;

}



.team-item:hover img {

    margin-left: 0;

}



.team-item .team-text {

    left: -100%;

    transition: .5s;

}



.team-item .team-text::after {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    top: 50%;

    right: -60px;

    margin-top: -30px;

    border: 30px solid;

    border-color: transparent transparent transparent var(--primary);

}



.team-item:hover .team-text {

    left: 0;

}



.testimonial-carousel .owl-nav {

    margin-top: 30px;

    display: flex;

    justify-content: center;

}



.testimonial-carousel .owl-nav .owl-prev,

.testimonial-carousel .owl-nav .owl-next{

    position: relative;

    margin: 0 5px;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #FFFFFF;

    /*background: var(--primary);*/

    background: #517833;

    font-size: 22px;

    border-radius: 45px;

    transition: .5s;

}



.testimonial-carousel .owl-nav .owl-prev:hover,

.testimonial-carousel .owl-nav .owl-next:hover {

    /*color: var(--dark);*/

    color: #000;

    background: #fff;

    border: 1px solid;

    border-color:#9ebf88 ;

}



.testimonial-carousel .owl-item img {

    width: 90px;

    height: 90px;

}



.blog-item img {

    transition: .5s;

}



/*.blog-item:hover img {

    transform: scale(1.1);

}

*/









/*****************************************/



            /*Custom Added CSS*/



/*****************************************/









*, *:before, *:after{

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing:border-box;

  box-sizing: border-box;

}





.container-dest{

  /*padding: 1em 0;

  float: left;*/

  /*width: 50%;*/

  width: 33.3%;

}



.container.text-center {

    text-align: center!important;

    /*width: 50%;*/

    width: 33.3%;

}



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

  .container-dest{

    display: block;

    width: 100%;

  }

}



/*@media screen and (min-width: 900px){

  .container-dest{

    width: 33.33333%;

  }

}*/





.container-dest .title-dest{

  /*color: #1a1a1a;*/

  padding-top: 25px;

  text-align: center;

  margin-bottom: 10px;

}



.content-dest {

  position: relative;

  width: 100%;

  /*max-width: 400px;*/

  margin: auto;

  overflow: hidden;

}



.content-dest .content-overlay {

  background: rgba(0,0,0,0.7);

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  opacity: 0;

  -webkit-transition: all 0.4s ease-in-out 0s;

  -moz-transition: all 0.4s ease-in-out 0s;

  transition: all 0.4s ease-in-out 0s;

}



.content-dest:hover .content-overlay{

  opacity: 1;

}



.content-image{

  width: 100%;

}



.content-details {

  position: absolute;

  text-align: center;

  padding-left: 1em;

  padding-right: 1em;

  width: 100%;

  top: 50%;

  left: 50%;

  opacity: 0;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  transition: all 0.3s ease-in-out 0s;

}



.content-dest:hover .content-details{

  top: 50%;

  left: 50%;

  opacity: 1;

}



.content-details h3{

    /*font-size: 42px;*/

    font-size: 28px;

  color: #fff;

  font-weight: 500;

  letter-spacing: 0.15em;

  margin-bottom: 0.5em;

  text-transform: uppercase;

}



.content-details p{

  color: #fff;

  /*font-size: 18px;*/

  font-size: 13px;

}



.fadeIn-bottom{

  top: 80%;

}





@media (max-width: 750px){

    .no_mobile{

        display: none;

    }    

}



@media (min-width: 786px){

    .no_desktop{

        display: none;

    }

.new-container-fluid{
    /*padding-bottom:0px ;*/
    border: solid 1px #cacaca;
}
    .custom-about-us{

        height: 350px;

        width: 550px;

        margin: 60px 0 0 0;

    }


    .custom-about-us-new{
    padding: 10px 20px 10px 20px;
        height: 100%;

        width: 100%;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
        transition: all .2s ease-in-out; 
    }
    .custom-about-us-new:hover{
        transform: scale(1.1); 
    }

    .about-new h1{
        text-align: center;
        font-size: 24px;
    }

    .about-new{
        margin: 20px 50px 60px 50px;
    }



    .custom-why-us{

        margin: 0px 0 0 50px ;

        width: 80%;

    }



    .col-lg-3.col-md-6.footer-service{

        margin: 90px 0 0 0;

    }

}







a.above_header{

    color: #fff;

}



img.img-fluid-1{

    width: 435px;

    height: auto;

}





img.testimonial-image{

    margin-top: 45px;

}





p.mb-4{

    font-family: 'Barlow', sans-serif;

    font-size: 20px;

}





.container-fluid.about-us{

    background-image: url(../img/breadcrumb1.jpg);

}



a.ref-link{

    color: #000;

}





.contact-us-col{



}



.social-icons{

    margin: 20px 0 0 0;

}



.contact-us-p{

    font-size: 20px;

}



.service-tab{

    /*margin: 0 0 55px 0;*/

}



.why-list{



}



.why-list li{

    display: inline-flex;

    width: 24%;

    border: 1px solid #d3d3d3;

    border-radius: 10px;

    font-size: 15px;

    margin: 0 5px 10px 0px;

}



.why-list li i {

    /*display: inline-flex;*/

    margin: 5px 0 0 10px;

}

/*.why-list li span{

    display: block;

}*/





.why-left{

    margin: 0px 0 0 325px;

}



.why-left-h3{

    margin: 0 0 0 200px;

}



.why-left-h3-spl{

    margin: 0 0 0 260px;

}







.why-title{

    padding: 25px 0px;

}



.why-us li{

    text-align: justify !important;

    font-family: 'Barlow', sans-serif;

    font-size: 18px;

}





/*.why{

     border-bottom: 1px solid #d3d3d3;

}*/



.why-container{

    padding: 40px 0px;

}





.btn-register {

  color: #000;

  /*background-color: #173e52;*/

  background-color: #fff;

  border-color: #9ebf88;

  /*border-color: #173e52;*/

}

.btn-register:hover {

  color: #fff !important;

  /*background-color: #9ebf88;*/

  background-color: #517833;

  border-color: #395920;

}

.btn-register:hover a{

  color: #fff !important;

}

a.register-btn{

    color: #000;

}





.desk{

    background-color: #ededed !important;

}







i.fa-solid.fa-chevron-right{

    color: #fff;

}







.dest-heading{

    padding: 20px 0;

    text-align: center;

}



.fullcap {

  /* (C1) DIMENSIONS */

  box-sizing: border-box;

  width: 100%;

  height: 100%;

 

  /* (C2) POSITION */

  position: absolute;

  top: 0; left: 0;

  text-align: center;

  padding-top: 30%;

 

   /* (C3) COLORS */

  background-color: rgba(0, 0, 0, 0.7);

  color: white;

}

 

/* (D) SHOW/HIDE */

.fullcap {

  visibility: none; opacity: 0;

  transition: opacity 0.3s;

}

.fullwrap:hover .fullcap {

  visibility: visible; opacity: 1;

}



/*****************************************/



            /*Custom CSS Ended*/



/*****************************************/













.d-block.bg-primary.h-100.text-center.service-tab{

    background-color: #517833!important;

}







 

 /*a {

     color: #767a7f;

}*/

 @keyframes bounce {

     0% {

         transform: translateY(0px);

    }

     50% {

         transform: translateY(-6px);

    }

}





 .nav_new {

     background: #fff;

     display: block;

     left: 0;

     position: fixed;

     top: 0;

     width: 95%;

     position: relative;

     margin: 2rem auto;

     font-size: 1.2rem;

     box-shadow: -2px 4px 12px #ededed;

     background: #292f36;

     max-width: 1400px;

}

 .nav a {

     cursor: pointer;

     padding: 1.5rem 2rem;

     display: inline-block;

}



 /*.nav__logo {

     color: #b1b3b5;

     font-size: 1.8rem;

     align-self: center;

     padding: 0.5rem 1.2rem 0.8rem;

     cursor: pointer;

     white-space: nowrap;

}*/





 /*.nav__logo span {

     display: inline-block;

     transform: translateY(0);

}

 .nav__logo:hover span {

     animation: 0.4s bounce ease-in-out;

}

 .nav__logo:hover span:nth-child(2) {

     animation-delay: 0.1s;

}

 .nav__logo:hover span:nth-child(3) {

     animation-delay: 0.2s;

}

 .nav__logo:hover span:nth-child(4) {

     animation-delay: 0.3s;

}

 .nav__logo:hover span:nth-child(5) {

     animation-delay: 0.4s;

}

 .nav__logo:hover:before {

     transform: translateY(0);

     transition: 0.3s ease 0.5s;

}*/

 .nav__logo:before {

     position: absolute;

     top: 100%;

     left: 0;

     padding: 1.2rem;

     background: #fff;

     font-size: 1.1rem;

     width: calc(100% - 2.4rem);

     transform: translateY(-100%);

     z-index: -1;

     color: #292f36;

}

 .nav__elements {

     display: flex;

}

 .nav__cart {

     display: inline-block;

     font: 700 1.1rem Oswald;

     letter-spacing: 0.02rem;

     text-transform: uppercase;

     color: #f9f9f9;

     padding: 1.2rem;

     align-self: center;

}

 .nav__groups {

     display: flex;

     justify-content: flex-end;

     width: 100%;

     list-style: none;

     margin: 35px 0 0 0;

}

 .nav__group {

     z-index: 2;

     padding: 0 30px 0 0;

}

 .nav__group > a {

    font-family: 'Barlow', sans-serif;

    font-size: 18px;

     display: block;

     /*font: 700 1.1rem Oswald;*/

     letter-spacing: 0.02rem;

     text-transform: uppercase;

     color: #000;

}

 .nav__group:first-child > a {

     padding-left: 6rem;

}

 /*.nav__group:last-child > a {

     padding-right: 6rem;

}*/



ul.nav__group__dropdown.new-dropdown{

    position: absolute;

     padding-top: 10px;

     visibility: hidden;

     display: none;

     opacity: 0;

     min-width: 450px;

     /*left: 0;*/

     /*padding: 1.5rem 2.5rem 2.5rem;*/

     background: #fff;

     transition: opacity 1.3s ease-in-out 0.3s, visibility 1s ease-out;

     text-align: left;

     width: 100%;

    }

 .nav__group__dropdown {

     position: absolute;

     padding-top: 10px;

     visibility: hidden;

     display: none;

     opacity: 0;

     min-width: 450px;

     left: 0;

     /*padding: 1.5rem 2.5rem 2.5rem;*/

     background: #fff;

     transition: opacity 1.3s ease-in-out 0.3s, visibility 1s ease-out;

     text-align: left;

     width: 100%;

}

 .product-list {

     flex: 1;

     min-width: 15rem;

     padding-right: 1rem;

}

 .product-list a {

     padding: 0.5rem 0;

     transition: 0.2s ease;

     position: relative;

     z-index: 2;

}

 .product-list a:before {

     content: '';

     left: 0;

     top: 85%;

     width: 0;

     transition: width 0.3s ease;

     height: 3px;

     position: absolute;

     background: #292f36;

}

 .product-list a:hover {

     color: #292f36;

}

 .product-list a:hover:before {

     width: 30px;

}

 .product-list__link {

     padding-right: 0.5rem;

}

 .product-list__title {

     width: 100%;

}

 .product-list.multi {

     display: flex;

     flex-wrap: wrap;

}

 .product-list.multi .product-list__link {

     flex: 1 1 50%;

}

 .title {

    color: #000;

     margin: 1.2rem 0 0.8rem;

     text-transform: uppercase;

     /*font: 700 1.1rem Oswald;*/

     font-size: 18px;

     font-family: 'Barlow', sans-serif;

     letter-spacing: 0.02rem;

     list-style: none;

}

 .multi-column {

     display: flex;

     flex-wrap: wrap;

     align-items: flex-start;

}

 .article-list {

     width: 100%;

     padding-right: 30%;

     display: flex;

     flex-wrap: wrap;

     margin-top: 1.3rem;

}

 .article-list__title {

     width: 100%;

}

 .article-list__link {

     flex: 1;

     min-width: 11rem;

     margin-right: 2rem;

     position: relative;

     transition: transform 0.3s ease;

}

 .article-list__link:before {

     content: '';

     width: 3.5px;

     height: 0;

     background: #292f36;

     transition: height 0.3s ease;

     position: absolute;

     top: 0.8rem;

     left: -0.9rem;

}

 .article-list__link:hover {

     transform: translateX(10px);

}

 .article-list__link:hover a {

     color: #292f36;

}

 .article-list__link:hover:before {

     height: 30px;

}

 .article-list a {

     padding: 0.4rem 0;

}

 .nav__group a:hover + .nav__group__dropdown, .nav__group .nav__group__dropdown:hover, .nav__group li:hover > .nav__group__dropdown {

     display: block;

     opacity: 1;

     visibility: visible;

}

 .product-image {

     position: absolute;

     max-width: 33%;

     height: 250px;

     object-fit: contain;

     object-position: bottom right;

     bottom: 0;

     right: 0;

     transition: 1.3s ease;

     opacity: 0;

     z-index: 1;

}

 .product-image[data-match="table"], .product-image[data-match="floor"], .product-image[data-match="plant"] {

     opacity: 1;

}

 .product-list[data-type="chair"]:hover ~ .product-image[data-match="chair"] {

     opacity: 1;

}

 .product-list[data-type="support"]:hover ~ .product-image[data-match="support"] {

     opacity: 1;

}

 .product-list[data-type="chair"]:hover ~ .product-image[data-match="chair"] {

     opacity: 1;

}

 .product-list[data-type="wall"]:hover ~ .product-image[data-match="wall"] {

     opacity: 1;

}

 .product-list[data-type="window"]:hover ~ .product-image[data-match="window"] {

     opacity: 1;

}

 .product-list[data-type="cool"]:hover ~ .product-image[data-match="cool"] {

     opacity: 1;

}

 .product-list[data-type="buddy"]:hover ~ .product-image[data-match="buddy"] {

     opacity: 1;

}

 .product-list[data-type="items"]:hover ~ .product-image[data-match="items"] {

     opacity: 1;

}

 .product-list[data-type="pets"]:hover ~ .product-image[data-match="pets"] {

     opacity: 1;

}



h5.text-uppercase.m-0.blog-details{

    color: #fff;

}





a.blog.d-flex.align-items-center.bg-secondary.px-3.mb-0 {

    color: #000;

    font-size: 14px;

    font-family: "Barlow", sans-serif;

    font-weight: 500;

}