@charset "utf-8";

.mycustomecontainer
{
	max-width: 1320px;	
	margin: 0px auto;		
}

@media only screen and (max-width: 1400px) {
	.mycustomecontainer
	{
		max-width:70%;
	}
}

@media only screen and (max-width: 991px) {
    .mycustomecontainer
	{
		max-width:85%;
	}
	.accordion-button::after {
		margin-left: 15px !important;
	}


    .leadership {
        margin-bottom: 120px;
    }
    .mlogo {
        display: block !important;
    }
    .navbar-brand:has(.biglogo), .biglogo {
        display: none;
    }
    .menumrglr {
        margin: 0 !important;
    }
    .videomrgtop {
        margin-top: 15px;
        margin-left: 7px;
    }
    .mymrbabout {
        margin-top: 50px !important;
    }
    .copyrightfootermbl {
        display: block !important;
    }
    .copyrightfooterpc {
        display: none !important;
    }
    .mmrgb30 {
        margin-bottom: 30px;
    }
    .cera_round_accordian {
        margin-left: 0 !important;
    }
    .hiderighticon {
        display: none;
    }
    .myoverlay {
        width: 50% !important;
    }
    .registerelemb {
        margin-bottom: 24px;
    }
    .registertitle {
        float: none !important;
    }
    .mytraslator {
        padding: 0 !important;
    }
}
.mmrgb30 {
    margin-bottom: 30px;
}
@media only screen and (max-width: 499px) {
    .myoverlay {
        width: 100% !important;
        height: 55% !important;
    }
    .sd-d-none{
        display:none !important;
    }

}
.copyrightfooterpc {
    display: block;
}
.copyrightfootermbl {
    display: none;
}
.mlogo {
    display: none;
}
.display-6 {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.25;
}
.z-index-n1 {
    z-index: -1 !important;
}
.translate-middle {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}
.start-50 {
    left: 50% !important;
}
.top-50 {
    top: 50% !important;
}
.position-absolute {
    position: absolute !important;
}
svg {
    vertical-align: middle;
}
.fill-warning {
    fill: #f7c32e !important;
}
.ptext {
    text-align: justify;
}
.fwb {
    font-weight: 500;
    color: #000 !important;
}
.t-color {
    color: #e37421;
}
.mrtb100 {
    margin-top: 100px;
    margin-bottom: 100px;
}
svg {
    vertical-align: middle;
}
.z-index-1 {
    z-index: 1 !important;
}
.fill-primary {
    fill: #e37421 !important;
}
.bg-light-overlay-dotted {
    background-image: radial-gradient(#a1a1a8 10%, transparent 0), radial-gradient(#a1a1a8 10%, transparent 0);
    background-size: 7px 5px;
    background-position: 11px 13px, 0 6px;
}
.mypfont {
    /* font-family: "Cera Round Pro Light" !important; */
    font-family: 'Inter', sans-serif;
    /* color: #000 !important; */
}
.cera_round {
    /* font-family: "Cera Round Pro Light" !important; */
    font-family: 'Inter', sans-serif;
}
.featureshover {
    box-shadow: 0 0.125rem 0.125rem -0.125rem rgba(31, 27, 45, 0.08), 0 0.25rem 0.75rem rgba(31, 27, 45, 0.08);
}
.menumrglr {
    margin-left: 48px;
    margin-right: 48px;
}
.videogifshadow {
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgba(31, 27, 45, 0.12), 0 0.25rem 1rem rgba(31, 27, 45, 0.12) !important;
    padding: 15px;
}
.accordion-button {
    color: #000 !important;
}
#plantable tbody > tr > :nth-child(4) .pricing-table-box-item {
    color: #000 !important;
}
#plantable tbody > tr > :nth-child(4) {
    background-color: #e8e9ec !important;
}
.aboutaccordion .accordion-button {
    font-weight: 500;
}
.cera_round_accordian {
    font-family: "Cera Round Pro Light" !important;
    margin-bottom: 40px;
    text-align: justify;
    margin-left: 40px;
}
.f25 {
    font-size: 25px;
    font-weight: 500;
}
.userguideplaybtn {
    top: 45%;
    right: 48%;
}
.blackfont {
    color: #000 !important;
}
.myoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 50%;
    opacity: 1;
    transition: 0.3s ease;
    background-color: rgba(0, 0, 0, 0.2);
}
.mycards:hover .myoverlay {
    opacity: 1;
}
.translate-middle {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}
.btn-pos {
    left: 50%;
    top: 50%;
}
.btn-white-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4);
    background-color: #fff;
}
.btn-round {
    height: 40px;
    width: 40px;
    line-height: 37px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
}
.btn-round .fa-play {
    padding-left: 3px;
}
.btn-round i {
    margin: 0;
}
.myheadermrgtb {
    margin-top: 75px;
    margin-bottom: 75px;
}
.mb-7 {
    margin-bottom: 70px;
}
.animate__animated.animate__heartBeat {
    --animate-duration: 5s;
}
.bg-faded-info-blog {
    background-color: #e37421 !important;
}
.badge.bg-faded-info-blog {
    color: #fff;
}
.center-cropped-blog {
    object-fit: cover;
    object-position: center;
    height: 300px !important;
    width: 100% !important;
}
.center-cropped-blog-sidebar {
    object-fit: cover;
    object-position: center;
    height: 80px !important;
    width: 80px !important;
}
.sidebarfonttitle {
    font-weight: 400 !important;
    font-size: 14px !important;
}
#registerform .form-control {
    border-bottom: 1px solid;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
}
#registerform .form-control:focus {
    box-shadow: none !important;
}
#registerform .form-label {
    font-size: 15px;
}
#registerform form-check-label {
    font-size: 15px;
}
.padd20 {
    padding: 20px;
}
.registertitle {
    float: right;
}
.Privacy_Policy .accordion-item ul {
    margin-left: 20px;
}
.mylls p {
    margin-bottom: 10px !important;
}
.paypalimg {
    margin-top: 8px;
    margin-bottom: 5px;
}
.paymenttitle {
    margin-top: 60px;
    margin-bottom: 20px;
}
.mtbregister {
    margin: 80px 0;
}
.mytraslator {
    padding: 0 100px;
}
.mytraslator a {
    text-decoration: none !important;
    color: #000;
    font-family: "Cera Round Pro Light" !important;
}
.mydivhover {
    padding: 5px 15px;
}
.mydivhover:hover {
    background-color: rgba(6, 106, 201, 0.1);
}
.weworkwidthmrt {
    margin-top: 8rem !important;
}
.contactp {
    text-align: center;
    font-family: "Cera Round Pro Light" !important;
    padding: 20px;
}
.col-space-custom {
    padding: 30px !important;
}
.Heebo_Font {
    font-family: Heebo !important;
}
.aboutpagemv {
    margin-right: 20px;
}
.ccodeinput {
    border-bottom: 1px solid;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
}
.tculff {
    font-family: "Cera Round Pro Light" !important;
}

.pricetext
{
    color: #e37421;
}

.footer_social_brand_hover .brand_light,
.footer_social_brand_hover:hover .brand_dark{
    display: none;    
}

.footer_social_brand_hover .brand_dark,
.footer_social_brand_hover:hover .brand_light{
    display: block;    
}

/*  ============= universal strat ============= */

* h1,h2,h3,h4,h5,h6{
    font-family: 'Inter', sans-serif;
  }

/*  ============= universal end ============= */


/*  ============= brand slider start =============*/

.brandlog{
    overflow: hidden !important;
}

.logoMarqueeSectiont {
    padding-top: 50px;
    padding-bottom: 143px;
  }
  
  #logoMarqueeSectiont {
    max-width: 1920px!important;
    margin: 0 auto;
  }
  
  .default-content-containert {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0px;
      padding-right: 5rem;
      padding-top: 4.5rem;
      padding-bottom: 4.5rem;
      width: 100%;
      min-height: 100vh;
  }
  
  div.marquee>div>img {
    height: 50px;
  }
  
  .logoMarqueeSectiont>div>div {
      padding-top: 0;
      padding-bottom: 0;
      min-height: 0;
  }
  
  .marquee-wrapper {
    display:  inline-block;
    white-space: nowrap;
  }
  
  .marquee {
    width: 3300px !important;
      display:  inline-block;
      white-space: nowrap;
      position: relative;
      transform: translate3d(0%, 0, 0);
      animation-name: marquee;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
  }
  
  .marquee div {
      display:  inline-block;
      white-space: nowrap;
      padding-right: 5.4rem;
  }
  
  .marquee-wrapper:hover .marquee {
      /* animation-play-state: paused !important; */
  }
  
  @keyframes marquee {
      0% {
          transform: translate3d(0%, 0, 0);
      }
  
      100% {
          transform: translate3d(-100%, 0, 0);
      }
  }
  

  @media only screen and (max-width:730px) {
    .marquee div {
        display:  inline-block;
        white-space: nowrap;
        padding-right: 2rem !important;
    } 
  }
  /*  ============= brand slider end ============= */

   /* ============= Surface card strat ============= */

   .surmain{
    margin-bottom: 130px;
   }
   .diy_card a{
    text-decoration: none;
   }
   .cardd{
    background-color:rgb(250, 245, 233) ;
    box-shadow: 0 0 6px 1px rgb(255, 255, 255) ;
    width:95%;
    min-height: 190px;
    border-radius: 18px;
    position: relative;
    margin: 0  auto ;
    margin-top: 30px !important;
    overflow: hidden;
   }
   .card_b{
   padding-top: 78px;
   padding-left: 20px;
   transition: all 0.1s ease-in-out;
   }
   .surf_img{
    width: 255px;
    position: absolute;
    top: 0.5rem;
    left:63%;
    transition: all 0.1 ease-in-out;
    border-radius: 18px;
    box-shadow: 1px 1px 8px 1px rgb(116, 111, 111);
    scale: 0.9;
   }
   .card_icon{
    display: none;
    padding-left: 55px;
    transition: all 0.1 ease-in-out;
   }
   .card_icon img{
    width: 13%;
   }
   .cardd:hover .card_icon{
    display: block;
   }
   .cardd:hover .card_b{
    padding-top: 40px;
   }
   .cardd:hover .surf_img {
    /* left:68%; */
   }
   .card_b2{
    margin-left: 47px;
   }
   .card_b3{
    margin-left: 54px;
   }
   .prodbtn:hover{
    color: white !important;
   }
   @media only screen and (max-width:768px) {
	.surf_img{
       
        left:67%;
       
       }
    
}
@media only screen and (max-width:768px) {
	.surf_img{
       
        left:63%;
       
       }
    
}
  
   /* ============= Surface card and =============*/

   /*-- ======== free trail section start=========*/
   .frtail{
    margin: 100px 0;
   }
   .freetrail{
    background-color: rgb(243 136 32);
    border-radius: 40px;
    height: 300px;
    overflow: hidden;
    position: relative;
    
   }
   .freetrail_co1{
    padding: 50px 12px 65px 50px;
   }
   .freetrail h2{
    color: white;
    font-weight: 700;
    font-size: 2.7rem;
    margin-bottom: 50px;
   }
   .freetrail a{
    padding: 17px 22px;
    background-color: white;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    border-radius: 50px;
   }
   .freetrail img{
    
   }
   .magic{
    border-top-left-radius: 150px;
    object-fit: fill;
    width: 75%;
    height: 303px;
   
    
   }
  
 @media only screen and (max-width:1201px) {
	.magic{
        width:80%;        
       }
}
@media only screen and (max-width:1100px) {
	.magic{
        width:90%;        
       }
}
@media only screen and (max-width:1057px) {
	.magic{
        height: 330px;       
       }
}
@media only screen and (max-width:992px) {
	.magic{
        border-top-left-radius: 36px !important;
    border-top-right-radius: 37px !important;
        object-fit: fill ;
        margin-top: 50px !important;
        width:100%;     
        height: 433px;
        scale: 1 !important;   
       }
}
@media only screen and (max-width:795px) {
	.magic{
        height: 340px;       
       }
}
@media only screen and (max-width:500px) {
	.magic{
        height: auto !important;       
       }
}
@media only screen and (max-width:992px) {
	
       .freetrail img{
        margin-top: 20px;
        scale: 1.1;
       }
       .freetrail{
        height: auto;
       }
       .freetrail_co1{
        padding: 30px 12px 0px 50px;
       }
      
}
@media only screen and (max-width:568px) {
       .freetrail h1{
        color: white;
        font-size: 1.5rem;
        margin-bottom: 30px;
       }
       .freetrail a{
        padding: 13px 18px;
        background-color: white;
        font-weight: 600;
        font-size: 13px;
        text-decoration: none;
        color: rgb(0, 0, 0);
        border-radius: 50px;
       }
       .freetrail_co1{
        padding: 30px 12px 0px 30px;
       }
}
   /*-- ======== free trail section end =========*/

/* =============== wall and floor section start================== */
#pills-tab li a{
    text-decoration: none;
}
   .wall_s2{
    margin: 100px 0;
   }
   .icon_wall{
    margin-right: 8px;
   }
   .wall{
    overflow: hidden;
    margin-top: 70px;
    background-color:#f4f1ee; 
    position: relative;
   }
   .wall_text h1{
    padding-top: 80px;
    font-size: 2.2rem !important;
   }
   .wall-h{
    font-size: 2rem !important;
   }
   .wall_nav_img1{
    margin-left: 10px;
    scale: 1.5;
   position: relative;
   bottom: 1px;
   left:35px ;
   opacity: 18%;
   }
   .wall_nav_img2{
    margin-left: 10px;
    scale: 1.8;
   position: relative;
   bottom: 1px;
   left:35px ;
   opacity: 18%;
   }
   .wall_nav_img3{
    margin-left: 10px;
    scale: 1.9;
   position: relative;
   bottom: 13px;
   left:50px ;
    opacity: 18%;
   }
   .wall-tab ul{
    position: relative;
    top: 27px;
    margin-top: 90px;
    display: flex;
    justify-content: center;
   }
   .nav-link{
    overflow: hidden;
    border-radius: 15px !important;
   }
   .nav-pills .nav-link{
    width: 250px;
    height: 100px;
   }
   .nav-pills .nav-link.active {
    color: #e37421;
    background-color: white;
    box-shadow: 0 .125rem .125rem -0.125rem rgba(31,27,45,.08),0 .25rem .75rem rgba(31,27,45,.08)
}
.wall_nav_orang1{
    display: none;
}
.wall_nav_orang2{
    display: none;
}
.wall_nav_orang3{
    display: none;
}
.nav-pills .nav-link.active .wall_nav_orang1 {
    display: inline-block;
    margin-left: 12px;
    width: 25%;
}
.nav-pills .nav-link.active .wall_nav_orang2 {
    display: inline-block;
    margin-left: 12px;
    width: 30%;
}
.nav-pills .nav-link.active .wall_nav_orang3 {
    display: inline-block;
    margin-left: 12px;
    width: 35%;
}
.nav-pills .nav-link.active .wall_nav_img1 {
    display: none;
}
.nav-pills .nav-link.active .wall_nav_img2 {
    display: none;
}
.nav-pills .nav-link.active .wall_nav_img3 {
    display: none;
}
.nav-pills .nav-link {
    background-color:#ece4dc;
    font-weight: 700;
    font-size: 20px;
}
.nav-pills .nav-link:hover {
    color:none !important;
    background-color:none !important;
    box-shadow:none !important;
}
/* .nav-pills.nav-pills-light .nav-link:hover {
    color:none !important;
    background-color:none !important;
    box-shadow:none !important;
} */
.wall_img img{
width: 100%;
}
.wall_pan{
    padding: 0 20px ;
}
.wall_btn{
    margin-top: 37px;
}
.wall_btn a{
    padding: 10px 20px;
    background-color: #e37421;
    color: white;
    font-size: 1rem;
    border-radius: 30px;
    text-decoration: none;
}
.wall_p2{
    margin-top: 100px;
}

@media only screen and (max-width:768px) {
    .card_icon img {
        width: 9%;
    }
}


@media only screen and (max-width:490px) {
    .card_icon img {
        width: 15% !important;
    }
}

@media only screen and (max-width:802px) {
    .nav-pills .nav-link.active .wall_nav_orang1 {
        display: none;
        margin-left: 12px;
        width: 25%;
    }
    .nav-pills .nav-link.active .wall_nav_orang2 {
        display: none;
        margin-left: 12px;
        width: 30%;
    }
    .nav-pills .nav-link.active .wall_nav_orang3 {
        display: none;
        margin-left: 12px;
        width: 35%;
    }
}
@media only screen and (max-width:798px) {
	.nav-pills .nav-link{
        width: 210px ;
        height: 90px;
       }
       .nav-pills .nav-link {
        background-color:#ece4dc;
        font-weight: 700;
        font-size: 20px;
    }
    .wall_nav_img2,.wall_nav_img1,.wall_nav_img3{
        display: none;
    }
    .wall_s2{
        margin: 80px 0;
       }
}

@media only screen and (max-width:678px) {
	.nav-pills .nav-link{
        width: 160px ;
        height: 80px;
       }
       .nav-pills .nav-link {
        background-color:#ece4dc;
        font-weight: 700;
        font-size: 18px;
    }
    .wall_nav_img2,.wall_nav_img1,.wall_nav_img3{
        display: none;
    }
    .wall_s2{
        margin: 50px 0;
       }
    
}

@media only screen and (max-width:528px) {
	.nav-pills .nav-link{
        width: 110px ;
        height: 65px;
       }
       .nav-pills .nav-link {
        background-color:#ece4dc;
        font-weight: 900;
        font-size: 13px;
    }
    .wall_nav_img2,.wall_nav_img1,.wall_nav_img3{
        display: none;
    }
    
}
@media only screen and (max-width:378px) {
	.nav-pills .nav-link{
        width: 90px ;
        height: 65px;
       }
       .nav-pills .nav-link {
        background-color:#ece4dc;
        font-weight: 900;
        font-size: 13px;
    }
    
    
}
/* =============== wall and floor section end================== */


/* ======== footer contact section start======== */

.contact_sec{
    background-color: white;
    border-radius: 20px;
    padding: 33px 55px;
    box-shadow: 0 0 5px 1px rgba(128, 128, 128, 0.103);
    position: relative;
    
}
.sales_inq{
    margin-top: 33px;
    margin-bottom: 33px;
}
.sales_inq a{
    text-decoration: none;
    background-color: #e37421;
    border-radius: 30px;
    color: white;
    padding: 9px 17px;
}
.contact_nbr a{
    margin-bottom: 1px;
    font-weight: 600;
    color: rgb(83, 83, 83);
    text-decoration: none;
}
.contact_nbr a:hover{
    color:#e37421;
}
.need_sec{
    justify-content: space-between;
}
.need_sec a{
    text-decoration: none !important;
    margin: 0 9px;
    color: #1f1b2d;
    opacity: .6 
}
/* @media only screen  and (max-width:768px) {
    .contact_sec{
        background-color: white;
        border-radius: 20px;
        padding: 40px 55px;
        box-shadow: 0 0 5px 1px rgba(128, 128, 128, 0.103);
        position: relative;
        bottom: 0px;
        margin-top: 10px;
    }
} */
/* ======== footer contact section end======== */
  
/* =============== menu section start=================== */

.prod_mli{
    
}
.product_ul{
    padding: 0;
    border-radius: 20px;
    
    right: 500px    ;
}
.product_ul li{
    list-style: none;
    display: block;
   border-radius: 9px;
   margin: 2px;
   padding: 9px 0 9px 9px;
}
.product_ul li.active{
    background-color: #ffebd6;
   
}
.product_ul .active a{
    font-weight: 600 !important;
}
.product_ul li a:hover {
    color: #e37421;
}
.product_ul li a{
   
    text-decoration: none;
    color: black;
    font-size: 16px;
    font-weight: 500;   
    }
    .product_ul li:hover .prod_hover {
        font-weight: 600 !important;   
    }

    .prodbtn{
    padding: 10px 20px;
    background-color: #e37421;
    color: white;
    font-size: 1rem;
    border-radius: 30px;
    }

    .pro_remo{
        min-width: 45rem; 
        padding:8px 35px 9px 9px;
    }
    @media only screen and (max-width:992px) {
        .pro_remo{
            min-width: 0rem; 
            padding:8px 35px 9px 9px;
        }
    }
    
/* =============== menu section start=================== */

/* *******************Try it now section start******************* */
.balt{
    background-color: rgb(247, 247, 250);
    height: 200px;
    width: 117%;
    position: absolute;
   bottom: 88px;
   left: -29px;
   z-index: -1;
   transform: rotate(175deg);
}
@media only screen and (max-width:530px) {
	.balt{
       display: none;
    }
}

/* *******************Try it now section end******************* */


/* =================canvas video===================== */

.containerv{
    position: relative;
}
.canvasimg{
    transform: translate(10px, 10px);
    position: absolute;
    width: 32px;
}
#panoramaCanvas{
    border-radius: 20px;
}

/* =================canvas end===================== */




/* ====================crafting section start======================== */
.crafting_main{
 position: relative;
margin-top: 70px;
   
}
.crafting_main img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.crafting_main .crafting_heading{
    top: 23%;
    left: 15%;
   position: absolute;
   
}
.crafting_main .crafting_heading h2{
    color: white;
}
.crafting_main .crafting_heading .crafting_btn a{
    border: 1px solid #e37421;
    color: #e37421;
    padding: 16px 30px;
    text-decoration: none;
    font-size: 17px ;
    font-weight: 700;
    border-radius: 15px;
    transition: all 0.5s ease-in-out;
}
.crafting_main .crafting_heading .crafting_btn a:hover{
    background-color:#e37421 ;
    color: #ffffff;
}
.crafting_btn{
    margin-top: 70px;
}
.web_main{
    margin: 60px 0;
}
.web_btn{
    margin-top: 53px;
    margin-bottom:10px;
}
.web_btn a{
    background-color:#e37421 ;
    color: #ffffff;
    padding: 12px 30px;
    text-decoration: none;
    font-size: 17px ;
    font-weight: 700;
    border-radius: 15px;
}
.one_line{
    width: 90%;
}
.round_seo{
    border-radius: 13px;
}
@media only screen and (max-width:768px) {
	.text_center{
       text-align: center;
       margin: 0 0 30px;
    }
    .one_line{
        width: 100%;
    }
}
@media only screen and (max-width:576px) {
	.crafting_main .crafting_heading{
        top: 23%;
        left: 10%;
       position: absolute;
       
    }
}
/* ====================crafting section end======================== */

#sendQue_CountryCodeList{
    max-height: 200px;
    min-width: 325px;
}
#sendQue_CountryCodeList li{
    cursor: pointer;
}
#sendQue_countryId{
    min-width: 120px;
    max-height: 45px;
    border-radius: 0.5rem 0 0 0.5rem;
}
#sendQue_phone{
    border-radius: 0 0.5rem 0.5rem 0;
}



/* =========================Tilesview vs Roomvo section start=============================== */

.Tilesview_vs{
    background-color: #f4f7fd;
    padding: 150px 0 130px 0 ;
}

 .vs_h1{
    font-size: 2.5rem;
}
.vs_p{
    font-size: 1.2rem;
}
.Tilesview_vs .vs_containe{
    margin-top: 50px ;
}
.Tilesview_vs .vs_btn_main{
    margin: 70px 0 0 0  ;
}
.Tilesview_vs .vs_btn_main .vs_btn{
    text-decoration: none;
    padding: 19px 27px;
    background-color:#e37421 ;
    border: 1px solid #e37421;
    border-radius: 50px;
    color: white;
    font-weight: 500;
    box-shadow: 0 0 4px 0px gray;
}

@media only screen and (max-width:1200px){
    .Tilesview_vs .vs_btn_main .vs_btn{
        padding: 15px 23px;
        font-weight: 500;
        font-size: 12px;
    }
    
}


/* =========================Tilesview vs Roomvo section end======================== */


/* =========================360° Room  section start=============================== */

.room_main{
    background-color: #fcfdff;
    padding:90px 0 90px 0 ;
}
.room_main .room_video{
    width: 65%;
    margin-top: 23px;
}
/* =========================360° Room  section end================================= */



/* =========================Catalogs  section start================================= */
.Catalogs_main{
    background-color: #f4f7fd;
    padding:90px 0  10px 0 ;
}

/* =========================Catalogs  section end=================================== */


/* =========================Catalogs  section start================================== */
.hd_main{
    background-color: #fcfdff;
    padding:90px 0  80px 0 ;
}

/* =========================Catalogs  section end=================================== */


/* =========================Personalized  section start============================= */
.Personalized_main{
    background-color: #f4f7fd;
    padding:90px 0  80px 0 ;
}

/* =========================Personalized  section end================================ */

/* =========================Features_main section start=============================== */
.Features_main{
    background-color: #fcfdff;
    padding:90px 0  80px 0 ;
}

/* =========================Features_main  section end=============================== */


/* =================================Tilesview vs Roomvo responsive start============== */
.tilesviews_vs_img{
    width: 75%;
}
@media only screen and (max-width:500px){
    .Tilesview_vs{
        padding: 130px 0 50px 0 ;
    }
    .room_main{
        padding:50px 0 50px 0 ;
    }
    .Catalogs_main{
        padding:50px 0  10px 0 ;
    }
    .hd_main{
        padding:50px 0  50px 0 ;
    }
    .Personalized_main{
        padding:50px 0  50px 0 ;
    }
    .Features_main{
        background-color: #fcfdff;
        padding:50px 0  50px 0 ;
    }
    .tilesviews_vs_img{
        width: 100%;
    }
}
/* =======================Tilesview vs Roomvo responsive end========================= */

@media only screen and (max-width: 357px) {
    .navbar-brand:has(.mlogo){
        margin-right: 0px !important;
    }
    .btn.mlogo{
        margin: 0 !important;
    }
}