/* Style Guide Start Here */

/* Styles

Color Theory
Primary color : #1A85A1
Secondary color : #000000
body text : #

title font family : font-family: "Rubik", sans-serif;
body text font family : font-family: "Work Sans", sans-serif;

*/


h1,h2,h3,h4,h5,h6,span,strong,ul,li,a {font-family: "Rubik", sans-serif;}

h1{font-size :42px !important;}
h2{font-size:36px !important;}
h3{font-size:30px !important;}
h4{font-size:27px !important;}
h5{font-size:25px !important;}
h6{font-size:19px !important;}

.web-heading{font-family: "Rubik", sans-serif !important;}

p,span,strong,ul,li,a,table,input,label,thead,tbody,tr,th,td,button {font-family: "Work Sans", sans-serif;}

.p1{font-size:18px !important; color: #646464;}
.p2{font-size:16px !important; color: #646464;}
.p3{font-size:14px !important; color: #646464;}
.p4{font-size:13px !important; color: #646464;}
.p5{font-size:12px !important; color: #646464;}
.p6{font-size:11px !important; color: #646464;}

.primary-clr{color: #1A85A1;}
.primary-btn{color: #fff; background-color: #1A85A1; border-radius: 5px;border: none; padding: 7px 20px; text-decoration: none;}
.secoundary-btn{color: #1A85A1; border: 2px solid #1A85A1;background-color: transparent; border-radius: 5px;padding: 5px 15px; text-decoration: none;}
.secoundary-btn-light{color: #646464; border: 2px solid #e1e1e1;background-color: transparent; border-radius: 5px;padding: 5px 15px; text-decoration: none;}
.primary-btn-small{color: #fff; background-color: #1A85A1; border-radius: 5px;border: none; padding: 6px 10px; text-decoration: none;}
.clear{clear: both;}

.primary-btn-big{color: #fff; background-color: #1A85A1; border-radius: 5px;border: none; padding: 10px 0px; text-decoration: none; display: block;text-align: center;}
.secondary-btn-big{color: #1A85A1; border: 1px solid #1A85A1 !important; border-radius: 5px;border: none; padding: 10px 0px; text-decoration: none; display: block;text-align: center;}


/* Style Guide End Here */

/* Top Navigation Start here */

.top-nav-contect-info a{text-decoration: none; color: #646464;}
  
.top-location {font-size: 20px !important; }
.top-nav-ads {text-decoration: none; color: #000000; text-align: center;} 
.code {background-color: #424A49; border-radius: 5px; color: #fff; padding: 5px;}
.top-nav-social-media{display: flex; justify-content: end;}
.top-nav-social-media a i{font-size: 20px; }

.logo-section{ border-top: 1px solid #e1e1e1;}
.logo-icons-profile i{font-size: 24px; margin: 0px 8px;}
.logo-search form i {font-size: 18px;margin: 7px 15px;color: #000;}

    form {
  color: #000;
  display: flex;
  padding: 3px;
  border: 1px solid #e1e1e1;
  border-radius: 100px;
}

input[type="Search Here"] { width: 100%;
  border: none;
  background: transparent;
  margin: 0;
  padding: 7px 8px;
  font-size: 18px;
  color: inherit;
  /* border: 1px solid transparent; */
  border-radius: inherit;
}

/* Profile Popup Start Here */
.user-pic{cursor: pointer;margin-left: 15px;}
.sub-menu-wrap{position: absolute; top: 18%; right: 6%; width: 320px;max-height: 0px; overflow: hidden;transition: max-height 0.5s;z-index: 1000;}
.sub-menu-wrap.open-menu{max-height: 450px;}

.sub-menu {background-color: #e1e1e1; margin: 10px; border-radius: 10px; border: 1.5px solid #1A85A1;}
.user-info{background-color: #4DA0B6; padding: 20px ; border-radius: 10px 10px 0px 0px; color: #fff;}
.profile-sub-menu-links{background-color: #fff; padding: 20px; border-radius:0px 0px 10px 10px;}
.profile-sub-menu-links a{width: 100%; border: 1px solid #1A85A1; border-radius: 5px; display: block; padding: 7px 10px; text-decoration: none;margin-top: 10px;}
/* Profile Popup End Here */

.top-nav-menubar-main { background-color: #1A85A1 ; }
.top-nav-menubar-container{display: flex; justify-content: center;}
.Navigation-menu ul li a{ text-decoration: none; color: #fff; }
.Navigation-menu ul li{list-style-type: none; display: inline;}



/* .ace-responsive-menu ul li a span{ color: #fff !important;} */

/* Top Navigation End here */

/* Logout Popup CSS Start Here */

#mask {
  display:none;
  position:fixed;
  z-index:100;
  background:rgba(0, 0, 0, 0.35);
  width:100%;
  height:100%;
}

.model {
  position:fixed; 
  top:-350px;
  z-index: 1000;;
  width:400px;
  padding:0px;
  color:#404040;
  text-align:left;
}

.model .constraint {
  background:#fff;
  padding:50px;
  border-radius: 10px;
}

/* Logout Popup CSS End Here */


/* Banner section Start here */

.banner-section{background-color: #E6F1F5;}
.banner-section-content{float: left;}
.banner-section-content h2{font-size: 55px ;}

.banner-rating{padding: 10px 0px;}
.banner-rating-box{float: left;}

.banner-image{float: left;}
.banner-img-bed{float: left; width: 50%;}
.banner-img-box{width: 100%; height:400px;}
.banner-img-living{float: left; width: 24%;margin: 0px 6px;}
.banner-img-waiting{float: left; width: 24%;}

.banner-image-text-1{color: #fff; position: relative; top: -45px; right: -20px;float:left;}
.banner-image-text-2 {position: relative; top: -120px; transform: rotate(-90deg); color: #fff;}
.banner-image-text-rating{float:right;position: relative; top: -45px; left: -20px;color: #fff;}

/* Banner images animation Start Here */
.box-area {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box {
    width: 70px;
    height: 400px;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    transition: all linear 0.6s;
}

.box:last-child{
    margin-right: 0;
}

.box::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
}

.box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box i{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background: #fff;
    position: absolute;
    bottom: 20px;
    left: 10px;
    font-size: 20px;
    
}

.box:nth-child(1) i{
    color: #1A85A1;
}
.box:nth-child(2) i{
    color: #ff5200;
}
.box:nth-child(3) i{
    color: #00d9ff;
}

.box h5 {
    position: absolute;
    bottom: 16px;
    left: 60px;
    font-size: 25px;
    color: #f6f6f6;
    font-weight: 600;
    opacity: 0;
    transition: all linear 0.3s;
}

.box p {
    position: absolute;
    bottom: 0px;
    left: 342px;
    font-size: 18px;
    font-weight: 400;
    color: #f6f6f6;
    opacity: 0;
    transition: all linear 0.3s;
}

.box.active h5{
    opacity: 1;
}

.box.active p{
    opacity: 1;
}

.active{
    width: 500px;
    transition: all linear 0.6s;
}
/* Banner images animation End Here */

/* Banner section End here */

/* Try Now section Start here */
.try-ai-main{float: left;}
.try-ai{background-color: #99C9D5;}

.try-ai-ar{border-radius: 6px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s;transition: all 0.3s;display: flex ;align-items: center;}
.try-ai-ar:hover {
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
            box-shadow: 0 22px 43px rgba(0, 0, 0, 0.32);
            cursor: pointer;
            border-radius: 6px;
        }

.try-ai-img {width: 60%; height: 100%;float: left;}
.try-ai-content{float: left;padding-left: 10px;}

.try-ar{background-color: #DBE3E2;}


/* Try Now section End here */

/* How To Use Section Start here */

.how-to-use-ttl-span{color: #000;}

.how-to-use-box-1{padding: 0px 10px; box-sizing: border-box; float: left;}
.how-to-use-box-1-sub{padding: 20px 20px; box-sizing: border-box;border: 3px solid #e1e1e1; border-radius: 10px;}
.how-to-use-box-1-sub:hover{padding: 20px 20px; box-sizing: border-box;background-color: #1A85A1; border-radius: 10px;color: #fff;border: none;}
.how-to-use-box-1-icon{width: 30%; height: 100%;float: left; background-color: #E6F1F5;padding: 25px; box-sizing: border-box;border-radius: 5px;}
.how-to-use-upload-icon{font-size: 60px !important; color: #1A85A1;}

.how-to-use-box-1-content{float: left;width: 70%;}

/* How To Use Section End here */

/* Comparision Section Start here */


.Comparision-ttl-span{color: #1A85A1;}
.Comparision-ttl-links-a{padding: 5px 10px;color: #000; text-decoration: none;margin: 6px 10px;}
.Comparision-ttl-links.active{padding: 5px 10px;margin: 0px 10px;color: #ffffff; text-decoration: none;background-color: #1A85A1; border-radius: 3px;}
.Comparision-ttl-links-a:hover{padding: 5px 10px;margin: 0px 10px;color: #ffffff; text-decoration: none;background-color: #1A85A1; border-radius: 3px;}

.Comparision-images-1{float: left; padding-right: 15px;}
.Comparision-images-2{float: left; padding-left: 15px;}
.Comparision-images-1-before{color: #000; background-color: #fff; padding: 5px 10px;border-radius: 5px; float: left; position: relative; bottom: -55px; right: -15px;}
.Comparision-images-1-after{color: #000; background-color: #fff; padding: 5px 10px;border-radius: 5px;  float: right;position: relative; bottom: -55px; right: 15px;}

/* Comparision Section End here */

/* Styles & Colors Section Start here */

.Styles-colors-ttl-span{color: #000;}

.styles-main{padding-right: 20px;box-sizing: border-box;float: left;}
.styles{border:1px solid #e1e1e1;border-radius: 8px;padding: 30px 5px 10px; box-sizing: border-box;}

.styles-box-main{padding: 10px; box-sizing: border-box;float: left;}
.styles-box{padding: 15px; box-sizing: border-box;background-color: #F6F8F8; border: 1px solid #e1e1e1;border-radius: 5px;}
.styles-box p {color: #000; padding-top: 3px;}

.colors-main{padding-left: 20px;box-sizing: border-box;float: left;}

/* Styles & Colors Section End here */

/* Explore Essential Section Start here */

.explore-ess-catogries{display: flex; 
  justify-content: center; 
  padding: 10px;}
.explore-ess-catogries:hover > :not(:hover) { opacity: 0.3; }
.explore-ess-img-div{float: left;}
.explore-ess-img-circle{background-color: #e1e1e1;transition: 0.2s ease; cursor: pointer;}
.explore-ess-img-circle:hover {transform: scale(1.05);}
.explore-ess-img-circle img {padding: 50px 0px; box-sizing: border-box;}

.explore-ess-slider{float: center;width: 100%;}
.explore-ess-slider-dash{width: 20px; background-color: #1A85A1; padding: 8px 20px; border-radius: 10px;float: left;}
.explore-ess-slider-circle{width: 5px; background-color: #D9D9D9; padding: 8px 8px; border-radius: 10px;float: left;}


/* Explore Essential Section End here */

/* Trending Products Section Start here */
.trending-products-section{}
.products-sub{background-color: #F6F8F8; border-radius: 10px;text-decoration: none;color: #000;}
.products-sub:hover{background-color: #fff;-webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
            box-shadow: 0 22px 43px rgba(0, 0, 0, 0.32);
            cursor: pointer;
            border-radius: 10px;}
.products-discount{background-color: #1A85A1; color: #fff; padding: 5px; float: left;border-radius: 10px 0px 20px 0px;}

.products-main{float: left;}

.products-image-icons{float: right;}
.products-icons-like{background: #fff;border: none;border-radius: 50%;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.products-icons-like-icon{color: #ff2222;}

.products-main-content{background-color: #1A85A1;text-align: center; padding: 20px;color: #fff;border-radius: 10px;}
.products-main-content p{color: #fff;}
.products-main-content p span{color: #fff;}

.products-main-image-icons h6{ width: 100%; display: grid;}

.products-img{float: left; }
.products-img img{text-align: center; padding-top: 10px;}


/* Trending Products Section End here */

/* Testimonals Section Start here */
.testimonals-section{}

.testimonals-box-1{padding: 0px 10px; box-sizing: border-box; float: left;}
.testimonals-box-1-sub{padding: 20px 30px; box-sizing: border-box;border: 3px solid #e1e1e1;border-radius: 10px;background-image: url(../images/testi-bg.png);background-repeat: no-repeat;}

.testimonal-names{float: right;}
.testimonal-icon{float: right; margin: -10px 10px 0px 40px ;font-size:40px; color: #1A85A1 !important;}

/* Testimonals Section End here */

/* Faq's Section Start here */
.faq-section{background-color: #E6F1F5;}
.faq-section-bg-img{background-image: url(../images/faq-bg.png); background-repeat: no-repeat;background-position: center;}
.faq-container{background-color: #fff;border-radius: 6px;}

.faq-question-main{padding: 0px 30px;float: left; margin-bottom: 50px;}
.faq-question-div{padding-bottom: 15px; border-bottom: 1px solid #e1e1e1;}
.faq-question-div p{}
.faq-plus-icon{}

.accordion-left{float: left; padding-right: 20px;}
    .accordion-right{float: right;padding-left: 20px;}
.accordion h1 {
    font-size: 32px;
    text-align: center;
}
.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 15px;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 25px 20px;
    box-sizing: border-box;
    align-items: center;
    text-align: start;
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #444;
    /* border-top: 1px dashed #ddd !important; */
    padding: 10px 20px 20px;
    box-sizing: border-box;
    text-align: start;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.accordion-item
    input[type="checkbox"]:checked
    ~ .accordion-item-title
    .icon:after {
    content: "-";
    font-size: 20px;
}
.accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 20px;
}

.accordion-item .icon {
    margin-left: 14px;
}

@media screen and (max-width: 767px) {
    .accordion {
        padding: 0 16px;
    }
    .accordion h1 {
        font-size: 22px;
    }
}

/* Footer Section Start here */
.footer-logo{padding: 30px 0px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}

.footer-about{float: left;}
.footer-about li{list-style-type: none;}
.footer-about li i{color: #1A85A1;font-weight: 600; font-size: 22px;margin-right: 5px;}
.footer-about li a{text-decoration: none; color: #646464;}
/* Footer Section End here */

/* Copyright Section Start here */
.copyright-section{background-color: #1A85A1;padding: 15px 0px 5px;}
/* Copyright Section End here */

/* Ai Generation Process 1 Start here */

.ai-image-section{background-color: #E6F1F5;}
.ai-image-container{}

.ai-images-main{float: left;}
.ai-images-div{background-color: #212524;color: #fff;border-radius: 5px; float: left;}
.ai-image-ttl h2 span{color: #1A85A1; font-weight: bolder;}
.ai-image-img{float: left;}

.ai-step-1{background-color: #000; padding: 10px;border-radius: 5px;}
.ai-content-main{float: left; padding-left: 16px;}
.ai-content-div{background-color: #212524;color: #fff;border-radius: 5px; float: left;}
.ai-step-1-icon{float: left;}

.ai-content-upload{margin: 20px;border: 3px dashed #e1e1e1;padding: 30px; box-sizing: border-box;border-radius: 5px;}
.ai-content-upload i {font-size: 60px; }

.ai-customize-input-ttl{color: #1A85A1;}
.ai-customize-input-ttl p{float: left;}
.ai-customize-input-ttl i{}

.ai-input-dropdown{ padding: 5px; color: #1A85A1; background-color: #E6F1F5;border-radius: 5px;}
.ai-customize-inventions-line{background-color: #000; border-radius:20px;}
.ai-customize-inventions-point{background-color: #1A85A1;width: 15px; height: 15px;border-radius: 50%;margin: -16px 0px 0px 222px;}

.ai-customize-input-ttl i {font-size: 20px;}

.ai-gallery-btn-bg{border-radius: 20px; background-color: #000;width: 50px; height: 20px; float: left;}
.ai-gallery-btn-circle{background-color: #1A85A1;width: 20px; height: 20px;border-radius: 50%;float: left;margin-left: -21px;}


/* ai-image-img-popup-plugin start here */
.employee-1{
        float: left;
    }
    .employee {
  width:100%;
  /* background-color:black;
  margin:10px auto; */
  display:block;
  overflow:hidden;
  /* height:400px; */
  border-radius:10px;
  -webkit-box-shadow: 0px 0px 31px -19px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 31px -19px rgba(0,0,0,0.75);
box-shadow: 0px 0px 31px -19px rgba(0,0,0,0.75);
}
.employee:hover > .employee-image {
/*   margin-top:-100px; */
}
.employee-image {
  /* height:400px; */
  width:100%;
  transition:0.5s;
}
.employee-image img {
  height:100%;
  border-radius: 10px;
}

.employee-social-link ul li {
  position:relative;
  bottom:-120px;
}
.employee-social-link ul{
  text-align:center;
  list-style:none;
}
.employee-social-link ul li {
  display:inline-block;
  margin:20px;
  padding: 12px;
  border-radius:50%;
  line-height:0.1;
  margin-left:-5px;
}
.employee-social-link i {
  font-size:20px;
  color:#000;
  animation-name:rotate-icon;
}

.employee-social-link ul li:nth-child(1) {
  transition:1.0s;
    background-color:#fff;
}
.employee-social-link ul li:nth-child(2) {
  transition:1.3s;
  background-color: #1A85A1;
}
.employee-social-link ul li:nth-child(3) {
  transition:1.6s;
    background-color:#fff;
}

.employee:hover >.employee-social-link ul li{
  bottom:200px;
}

.employee-social-link{
    margin-top: -60px;
}
/* ai-image-img-popup-plugin start here */


/* .ai-content-div a {position: relative;left: 16px;} */


/* Ai Generation Process 1 End here */

/* Ai Generation Process 2 Start here */

.ai-image-download-share{float: left;margin: 100px 0px;}
.ai-image-download-share i{float: left; font-size: 50px;padding: 30px;background-color: #fff; color: #1A85A1; border-radius: 100px; box-sizing: border-box;cursor: pointer;}
.ai-image-download-share span{float: left; font-size: 50px;padding: 30px;background-color: #fff; color: #1A85A1; border-radius: 100px; box-sizing: border-box;cursor: pointer;}

/* Ai Generation Process 2 End here */

/* common banner Start here */
.common-banner-section{background-image: url(../images/common-banner.png);background-repeat: no-repeat;background-size: cover;padding: 80px 0px !important;}
.common-banner-container h2 span{color: #9E9E9E; font-weight: bolder  ;}
/* common banner Start here */

/* About Us Start here */

.about-us-starting{margin-top: 60px;}
.about-us-starting-content{float: left;}
.about-us-starting-content h5{width: fit-content; border: 3px solid #1A85A1; color: #1A85A1; border-radius: 8px; border-bottom: 5px solid #1A85A1; }
.about-us-starting-content p{height: 264px; background-color: #E6F1F5; border-radius: 5px; padding: 12px; box-sizing: border-box;}
.about-us-starting-img{padding-left: 20px; float: left;}
.about-us-img-2{padding-right: 20px; float: left;padding-left: 0px !important;}
.about-us-starting-img img{height: 345px; width: 100%;}

/* About Us End here */

/* Furniture Start here */

.furniture-filter{float: left;}
.furniture-filter-category{border: 1px solid #e1e1e1;border-radius: 10px;}
.furniture-category-decor{color: #646464; text-decoration: none; padding: 3px 10px; border: 1px solid #e1e1e1;box-sizing: border-box; border-radius: 5px; margin-bottom: 8px;margin-right: 4px;}

.furniture-category-decor input[type="radio"] {accent-color: #1a85a1; cursor: pointer;}
.furniture-filter-material-content input{ border: 1px solid #e1e1e1; border-radius: 5px; background-color: #fff;padding: 3px 10px;margin-bottom: 8px;margin-right: 4px; }
.furniture-filter-material-content input.active{color: #1a85a1; background-color: #f2f2f2;padding: 3px 10px;}
.furniture-filter-material-content input:hover{color: #1a85a1; background-color: #f2f2f2;padding: 3px 10px;}
/* Price Range CSS Start here */

.field i{font-size: 20px;padding-top: 15px; color: #646464;}

.price-input {
  width: 100%;
  display: flex;
  /* margin: 30px 0 35px; */
}
.price-input .field {
  display: flex;
  width: 55px;
  height: 45px;
  align-items: left;
  float: left;
}
.field input {
  width: 55px;
  height: 100%;
  outline: none;
  font-size: 19px;
  border-radius: 5px;
  text-align: left;
  border: none;
  -moz-appearance: textfield;
  float: left;
  color: #646464;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 50px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
  float: left;
  color: #646464;
}
.slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #17a2b8;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #ffffff;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  border: 3px solid #1A85A1;
}
input[type="range"]::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border: none;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  border: 3px solid #1A85A1;
}

.furniture-main{float: left;}
.furniture-ttl{display: flex; justify-content: space-between;}
.furniture-ttl-sort{display: flex; align-items: center;}
.furniture-ttl-sort p{float: left;margin: 0px;}
.furniture-ttl-sort select{padding: 6px 5px; box-sizing: border-box;border-radius: 5px; border: 1px solid #e1e1e1; color: #646464;margin-left: 20px; float: left;}

/* Price Range CSS End here */

/* Furniture End here */

/* Products Descrirption CSS Start here */
.detail-images {float: left;}
.details-products-img{height: 288px;}
.details-products-img img{width: 90%;margin-top: -35px;}
.details-products-img-left-right i{padding: 3px; background-color: #e1e1e1; border-radius: 5px;font-size: 20px;}
.detail-content{float: left;}
.detail-content h6 span{text-decoration:line-through; color: #646464;padding-left:5px ;}
.detail-content-checkbox{color: #1A85A1;}
.details-content-btns{margin: 40px 0px 20px}
.details-content-btns a{margin: 0px 10px ;}


/*Increament Button CSS start here */

    .quantity {
  padding:5px 10px;
  display: flex;
  border: 2px solid #e1e1e1;
  border-radius: 10px;
  overflow: hidden;
  background-color:#fff;
  width: 140px;
}

.quantity button {
  background-color:#fff;
  color: #000;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  font-size: 20px;
  width: 37px;
  height: auto;
  text-align: center;
  transition: background-color 0.2s;
  border-radius: 100px;
}

.quantity button:hover {
  background-color: #1A85A1;
}

.input-box {
  width: 40px;
  text-align: center;
  border: none;
  padding: 8px 10px;
  font-size: 16px;
  outline: none;
}

/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-box[type="number"] {
  -moz-appearance: textfield;
}

  /*Increament Button CSS end here */

/* Products Descrirption CSS End here */



/* Products Full Details CSS End here */

.full-detail-container{display: flex; justify-content: start;}
.full-detail{}
.full-detail-techinal{padding-right: 20px; box-sizing: border-box;}
.full-detail-table thead{background-color: #1A85A1; color: #fff;}
.full-detail-table thead tr th{padding: 6px 12px;}

.full-detail-table tbody tr td{padding: 6px 12px;}

.full-detail-table tbody tr:nth-child(odd){ border: 1px solid #f5f5f5;}
.full-detail-table tbody tr:nth-child(even){background-color: #f5f5f5; border: 1px solid #f5f5f5;}

.full-detail-table tbody tr td:nth-child(odd){color:#646464;}
.full-detail-table tbody tr td:nth-child(even){color:#000; font-weight: bold;}

.full-detail-Additional{padding-left: 20px; box-sizing: border-box;}

/* Products Full Details CSS End here */


/* Products Review CSS Start here */

.customer-review {border-right: 1px solid #e1e1e1; margin-right: 100px; padding: 46px 0px; float: left;}
.review-rating{float: left;}
.review-rating-div{padding: 8px 0px;}
.review-rating-div p{margin: 0px;}

.review-rating-slider {
  height: 12px;
  width: 80%;
  position: relative;
  background: #D9D9D9;
  border-radius: 5px;
}
.review-rating-slider .review-rating-progress {
  height: 100%;
  
  left: 0%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #FFB934;
}

/* Customer Say CSS Start here */
.customer-say-profile{float: left;}
.customer-say-profile-img{float: left;}
.customer-say-name{float: left;}
.customer-say-rating{float: right;}
/* Customer Say CSS End here */


/* Products Review CSS End here */




/* Sanjay CSS Start here */


/* .primary-clr{color: #1A85A1;}
.primary-btn{color: #fff; background-color: #1A85A1; border-radius: 5px;border: none; padding: 10px 50px;}
.primary-input-btn{color: #fff; background-color: #1A85A1; border-radius: 5px;border: none; padding: 10px 0px; width: 100%;}
.primary-btn-big{color: #fff; background-color: #1A85A1; border-radius: 5px;border: none; padding: 10px 0px; text-decoration: none; display: block;text-align: center;}
.primary-btn-small{ width: 20%; color: #fff; background-color: #1A85A1; border-radius: 5px;border: none; padding: 10px 0px; text-decoration: none; display: block;text-align: center;}
 */



/* .secoundary-btn {color: #1A85A1; background-color: #fff; border-radius: 5px; border: 1px solid #1A85A1; padding: 5px 15px;} */
.clear{clear: both;}
.primary-input-btn-subscription-plans{color: #fff; background-color: #1A85A1; border-radius: 5px;border: none; padding: 5px 15px;;}



.py-50{padding: 50px 0px;}
.py-60{padding: 60px 0px;}
.py-70{padding: 70px 0px;}
.py-80{padding: 80px 0px;}
.py-90{padding: 90px 0px;}
.py-100{padding: 100px 0px;}

.px-50{padding: 0px 50px;}
.px-60{padding: 0px 60px;}
.px-65{padding: 0px 65px;}
.px-70{padding: 0px 70px;}
.px-80{padding: 0px 80px;}
.px-90{padding: 0px 90px;}
.px-100{padding: 0px 100px;}

.mt-60{margin-top: 60px;}



.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}


/* Global CSS End */

/* Style Guide End Here */

/* Home CSS Start here */

/* Signin screen Start here */

/* Top Navigation Start here */

.top-nav-contect-info a{text-decoration: none; color: #646464;}
.top-nav-contect-info a i{font-size: 20px;}
.top-location {font-size: 20px !important; }
.top-nav-ads {text-decoration: none; color: #000000; text-align: center;} 
.code {background-color: #424A49; border-radius: 5px; color: #fff; padding: 5px;}
.top-nav-social-media a i{font-size: 20px; }

.logo-section{ border-top: 1px solid #e1e1e1;}
.logo-icons-profile i{font-size: 24px; margin: 0px 8px;}
.logo-search form i {font-size: 18px;margin: 7px 15px;color: #000;}

    form {
  color: #000;
  display: flex;
  padding: 3px;
  border: 1px solid #e1e1e1;
  border-radius: 100px;
}

input[type="Search Here"] { width: 100%;
  border: none;
  background: transparent;
  margin: 0;
  padding: 7px 8px;
  font-size: 18px;
  color: inherit;
  /* border: 1px solid transparent; */
  border-radius: inherit;
}

.logo-icons-profile img{width: 48px; height: 48px;}
.top-nav-menubar-main { background-color: #1A85A1 ;}
.Navigation-menu ul li a{ text-decoration: none; color: #fff; }
.Navigation-menu ul li{list-style-type: none; display: inline;}

/* .ace-responsive-menu ul li a span{ color: #fff !important;} */

/* Top Navigation End here */

.signin-border{border-bottom: 1px solid #e1e1e1;}

.title-signin-signup {}
.Signin-text { float: left; border-bottom: 4px solid #1A85A1; text-decoration: none;}
.signup-text { float: left; border-bottom: 4px solid #E2E2E2; color: #e2e2e2; text-decoration: none;}
.input-heading {text-decoration: none; color: #000000;}
.logo-icons-div{ display: flex; align-items: center; float: right;}
.logo-icons-div i{color: #646464 !important;}
.forgot-password-text {text-decoration: none; color: #FF0000; float: right; }
.left-line {background-color:#e1e1e1;  padding: 1px 0px; box-sizing: border-box; margin: 20px 0px;}
.or-continue-with-main p{text-align: center;}
.icon-size {}
.topnav-icon-size {font-size: 20px !important;}
.icons-background{background-color: #e1e1e1; padding: 5px 0px;width: 60px; border-radius: 10px;border: 1px solid #1A85A1;}
.icons-background i {color: #1A85A1;font-size: 30px !important;}
.signin-image-div {float: left;}
.signin-content-div {float: left;}
.signin-section-main {background-image: url(../images/Signin-screen-bnr-img.png); background-repeat: no-repeat; background-position: right;}
.form-control {color: #646464 !important;}
.btn-width {width: 100% !important;}


/* input field css start here */


/* password input field css start here */

/* New input field css start here */


.input-field {border: 1px solid #E1E1E1; padding: 8px 10px; border-radius: 5px; width: 95%; margin-right: 15px; float: left; margin-top: 5px; }
.required {color: #FF0000;}
.billing-detalis-main {float: left;}
.billing-details-text {}
.billing-details-input-fields-main {}
.billing-details-input-fields-row {display: flex; justify-content: space-between;}
.input-box-div { padding: 8px 0px;}
.input-label {}

.input-field-secoundary-btn {color: #1A85A1; background-color: #fff; border-radius: 5px; border: 1px solid #1A85A1; padding: 10px  0px; text-decoration: none; display: block;text-align: center;}
.input-field-primary-btn { width:100%; color: #fff; background-color: #1A85A1; border-radius: 5px;border: none; padding: 8px  15px;}
.confirm-cancel-btn-div {background-color:#F6F8F8; padding: 58px  0px;}
.shipping-address-div {padding: 10px 0px;}





/* New input field css end here */


.hide-reveal > input[type="password"]::-ms-reveal {
  display: none;
}

.hide-focus:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ced4da !important;
}

.show_hide_password input {
  /* to hide the left border corners of button */
  z-index: 10;
}

.show_hide_password button {
  border-color: #ced4da #ced4da #ced4da transparent !important;

}

/* password input field css start here */


/* input field css end here */



/* Signin screen end here */


/* OTP-verification screen Start here */

.Resend-btn {text-decoration: none; color: #1A85A1;}
.otp-input {
  display: flex;
  gap: 25px;
  justify-content: center;
  margin: 10px 0px;
}

.otp-input input {
  width: 50px;
  height: 50px;
  font-size: 20px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.otp-input input:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

/* OTP-verification screen End here */


/* Reset-password screen start here */

.check-box-remember-me-main {padding: 5px 0px; width: 12px; background-color: #fff; border: 1px solid #E1E1E1; border-radius: 2px; float: left; }

/* Reset-password screen end here */

/* Sign In success screen start here */

.success-text{color: #38A64C;}

/* Sign In success screen end here */




/* Shopping Cart Start here */

.shopping-cart-product-table-detail {float: left;}
.shopping-cart-product-table-main {float: left;}
.product-table {border-collapse: collapse !important;}

.product-table thead tr th {background-color: #1A85A1; color: #fff; padding: 5px 15px; }
.product-name {color: #000;}

.product-table tbody tr td { background-color:#F6F8F8; padding: 15px 15px; }
.product-table tbody tr td a{text-decoration: none;}
.product-table tbody tr td a i{ background-color:#F6F8F8; padding: 15px 15px; color: #646464; }

.order-summery-btn-main{display: flex; justify-content: space-between;}
.order-summery{ }
.order-summery thead tr th {background-color: #1A85A1; color: #fff; padding: 5px 15px; }
.order-summery tbody tr td { background-color:#F6F8F8; padding: 15px  15px;}



.total-amt-row-bg-clr {background-color: #fff !important;}

.checkout-btn {background-color:#F6F8F8; padding: 58px  15px; width: 100%;}


 
/* pricing plans Start here */
.pricing-plans-box-main{float: left; margin: 48px 0px;}
.pricing-plans-box{ background-color: #fff; border: 1px solid #e1e1e1; border-radius: 10px;}
.pricing-plans-pro-box{ background-color: #fff; border: 1px solid #1A85A1; border-radius: 10px; float: left;}
.plans-individual-text{width: 50%; background-color: #fff;border-radius: 30px; border: 1px solid #e1e1e1; padding: 5px 15px; margin-top: -36px;}
.individual-text-color{color: #000000 !important;}
.pricing-plans-subscribe-btn {width: 100%;}
.plans-pro-text{width: 50%; background-color: #fff;border-radius: 30px; border: 1px solid #1A85A1; padding: 5px 15px; margin-top: -36px;}
.price-plans-points-margin {margin-bottom: 101px;}

/* pricing plans Start here */


/* Contact Details Start here */

.contact-us-screen-main {}
.contact-us-screen-container {}
.get-in-touch-main{float: left;}
.contact-details-100 {}
.contact-details-main {}
.contact-details-mail-icon-div { width: 50px; height: 50px; background-color: #E6F1F5; border-radius: 5px; padding: 10px 10px;}
.get-intouch-icon-size {font-size: 20px !important;}
.contact-details-mail-contact-div {float: left;}
.contact-details-mail-contact-div a{text-decoration: none; color: #646464;}
.phone-bg{background-color: #EBEEFF;}
.phone-icon {color: #3D5CFF;}
.address-bg {background-color: #FFF0E6;}
.location-icon {color: #FF6B1D;}

.f-icon-div{height: 50px; width: 50px; background-color: #E6F1F5; border-radius: 50px;padding: 15px  10px; float: left;}
.t-icon-div{height: 50px; width: 50px; background-color: #E6F1F5; border-radius: 50px;padding: 10px  10px; float: left;}


.send-message-main {background-color: #212524; border-radius: 5px;}
.send-message-h5 {color: #fff;}

.send-message-input {background-color: #FFFFFF; padding: 8px 10px; border-radius: 5px; width: 100%; margin-top: 5px; color: #000000; }
.send-input-label{float: left; color: #fff;}



/* Contact Details end here */


/* AR version screen start here */

.ar-version-banner-main {background-color: #212524; border-radius: 5px;padding: 24px;}
.ar-version-banner-img {background-image: url(../images/ar-version-bnr.png); background-repeat: no-repeat;background-size: cover; padding: 155px 0px;width: 100%; }

/* AR version screen end here */


/* Coming Soon screen start here */

.coming-soon-ttl{color: #1A85A1; font-size: 60px !important;}

/* Coming Soon screen end here */







/* Footer Section Start here */
.footer-logo{padding: 30px 0px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}

.footer-about{float: left; margin-right:15px;}
.footer-about li{list-style-type: none;}
.footer-about li i{color: #1A85A1;font-weight: 600; font-size: 22px;margin-right: 5px;}
.footer-about li a{text-decoration: none; color: #646464;}
/* Footer Section End here */

/* Copyright Section Start here */
.copyright-section{background-color: #1A85A1;padding: 15px 0px 5px;}
.copyright-text {float: left;}
.copyright-media {float: right;}
.copyright-social-media {color: #fff;}
/* Copyright Section End here */

/* Shopping Cart end here */


/* Scroll To Top Plugin CSS Start Here */

#top-btn {
  width: 60px;
  height: 60px;
  bottom: -50px;
  right: 20px;
  position: fixed;
  text-align: center;
  border-radius: 100px;
  background-color: #1a85a1;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0px rgba(0, 0, 0, 0.11);
  -webkit-transition: all .8s;
  transition: all .8s;
}

#top-btn:hover {
  background-color: #00536A;
}

#top-btn:hover i {
  padding-top: 5px;
}

#top-btn i {
  /* padding-top: 15px; */
  font-size: 30px;
  line-height: 50px;
  color: #FFFFFF;
  -webkit-transition: all .8s;
  transition: all .8s;
}

/* Scroll To Top Plugin CSS Start Here */






/* Home CSS End here */