body {
  background: #fff;
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;

}
select:focus {
    outline: 0px 0;
    box-shadow: none;
}
h1, h2 {
    font-family: 'Roboto Slab', serif
}
a:hover {
    color: #4b4874;
}
.top-banner {
    right: 300px;
    float: left;
    width: 10%;
    position: absolute;
    top: 10px;
}
span.spanish-col-span {
    background: -webkit-linear-gradient(#ffadad, #fd0404);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 19px;
    font-weight: 600;
}
.tooltip-inner p {
    line-height: 20px!important;
    margin: 0;
    font-size: 13px;
}
.tooltip-inner  {
    padding:13px;
}
.tooltip-inner a {
    color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: transparent;
}
.decoration_style_panel {
    background: #e0e0f7;
    margin-bottom: 10px;
    text-align: center;
    color: #4b4874;
    font-weight: 500;
    border-radius: 6px;
}

img.soldout {
    width: 100%;
}
.inline-hexcode-clientversion {
    width: 49px;
    height: 44px;
    float: right;
    border: 3px solid #daddf1b3;
}
.inline-hexcode-clientversion-below{
    width: 49px;
    height: 44px;
    float: right;
    border: 3px solid #daddf1b3;
}
.Imprint_Color_ul_shape li {
    float: left;
    width: 37%;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
}
.Imprint_Color_ul_shape {
    margin-top: 10px;
}
/*-----------------top-header-------------------*/

.top-header {
    background: #4b4874;
   
    padding: 10px 50px;
    width: 100%;
}
.main-header {
    float: left;
    width: 100%;
    padding: 15px 0 0;position: relative;
}
.top-link {
  float: right;
    margin-top: -24px;
}
.top-header a {
    color: #fff;
    text-decoration: none;
}
.top-header span {
    margin-left: 10px;
}
.top-header i {
   color: #fff;
   margin-right: 0px;
}
.top-header p {
    display: block;
    color: #fff;
    margin: 0;
    text-align: center;
}

@media only screen and (max-width: 1368px){
.top-banner {
    right: 240px;
     top: 13px;
}
}

@media only screen and (max-width: 1220px){
.top-banner {
    right: 243px;
     top: 13px;
}
}
@media only screen and (max-width: 1100px){

  .top-header p {
    text-align: left;
}  
}

/*-----------------top-header-------------------*/
/*----------------mega-menu-------------------*/

.main-cate .dropdown-menu {
    width: 100%;
    border: 0;
    padding: 15px 15px;
}
.main-cate li {
    float: left;
}
.main-cate {
    width: 100%;
    position: absolute;
    z-index: 99999999;
    top: 50px;
    right: 0;
    left: 0;
}
.main-cate .title {
    font-weight: 700;
    font-size: 16px;
}
.main-cate .dropdown-menu li a {
    color: #111;
    text-decoration: none;
    font-size: 15px;
    line-height: 2.2;
    padding: 0;
}
 .main-cate .dropdown-item:hover {
    color: #1e2125;
    background-color: transparent!important;
    text-decoration: underline!important;
}

.dropdown-menu {
    border-top: 5px solid #3f3b79;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
    padding: 12px 5px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    width: 230px;
}
.dropdown-menu li {
    padding: 3px 10px;
}
 .navbar .has-megamenu {
    left: 0;
    right: 0;
   margin: 0 auto;
    position: static!important;
   
   
}
.navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    min-height: 150px;
}
 .main-nav li:hover > .dropdown-menu {
    display: block;
 width: 100%!important;
}
.dropdown:hover > .dropdown-menu {
  display: block;
}


.navbar-nav li:hover > .dropdown-menu {
    display: block;

}
.dropdown-menu.subsubmenu2.show {
    margin-top: -15px;
}
#Level2-4 {
    width: 360px!important;
}
.dropdown-menu.megamenu.level1-show {
    display: block;
   
}
ul.main-cate.dropdown-menu {
    background: #DFDFF7;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu.megamenu {
    position: static!important;
}
.main-cate .megamenu li {
    float: none;
}
.dropdown-submenu.has-megamenu:hover .megamenu {
    display: block;
    background: #fff;
}

.col-megamenu ul .dropdown-submenu {
    width: 25%;
    float: left;
    display: inline-flex;
}
.col-megamenu ul .dropdown-submenu:hover {
background: #cacae2!important;
    box-shadow: -1px 10px 0px -6px #4b4874!important;
    color: #111!important;
    border-radius: 30px!important;
    display: flex;
   
}
.col-megamenu ul .dropdown-submenu a:hover {
    text-decoration: none!important;
    color: #000;
}
.subsubmenu2 li:hover:before {
    color: #151515!important;
   
}
.subsubmenu2 li:hover a {
    color: #151515!important;
}

.subsubmenu2:hover li{
    color: #111;
}

.submenu-inside .dropdown-menu {
   width: 370px;
    padding: 10px 10px;
    border-radius: 5px;
    margin-left: 0!important;
    background: #261f5c!important;
    top: 50px;
}
.submenu-inside .dropdown-menu li a {
    color: #fff;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.col-megamenu li:hover .subsubmenu {
    display: none!important;
}
.insubmenu:hover .subsubmenu2 {
    display: none!important;
}
.insubmenu .subsubmenu2.show {
    display: block!important;
    margin-top: -23px!important;
}
/*----------------mega-menu-------------------*/
nav {
    float: left;
    width: 100%;
}
.navbar-dark .navbar-toggler {
    color: rgb(32 32 32 / 93%);
    border-color: rgba(255,255,255,.1);
    
}
.navbar-brand {
    width: 20%;
    padding: 0;
    float: left;
}
.navbar-brand img {
    width: 50%;
    margin-left: 30px;
}
.dropdown-submenu .line2 {
    color: #111;
    font-weight: 500;
}
.navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
   display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.dropdown-item {
   text-decoration: none!important;
    font-size: 15px;
}
.main-cate.dropdown-menu {
    color: #333;
    border-top: 5px solid #3f3b79;
   /* box-shadow: 0px 4px 5px #2121211f;*/
    min-width: 12rem;
    border-radius: 0;
    padding: 10px 20px 0px;
}
.dropdown-item {
    font-weight: 600;
    padding: 0.25rem 0rem;
}
.dropdown-menu.show {
    display: block;
    border-radius: 0px;
}
.navbar-nav .nav-link {
  color: #444!important;
    font-weight: 500;
    margin: 0 5px;
    box-shadow: inset 0 0 0 0 #4b4874;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0;
}
.navbar-nav .nav-link:hover {
    background:  #4b4874;
    border-radius: 5px;
    color: #FFF!important;
}
.navbar {
   z-index: 1;
    padding: 8px 10px;
   width: 100%;
    background-color: transparent!important;
    
}
.col-megamenu li:before {
    content: "\F214";
    font-family: bootstrap-icons!important;
    position: relative;
    top: 6px;
    display: inline;
    font-size: 12px;
    margin-right: 5px;
}
.main-nav {
    margin-left: 30px;
}
.navbar-toggler {
    color: rgb(24 24 24 / 55%);
    border-color: rgba(255,255,255,.1);
}
.contact {
   font-size: 17px;
    font-weight: 600;
    position: absolute;
    right: 63px;
    top: 140px;
}
.contact img {
    margin-right: 3px;
    width: 17%;
}
.nav-right .btn.btn-default:hover img {
    filter: brightness(.1);
}
.nav-right .btn.btn-default {
   border-radius: 30px;
    padding: 7px 35px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
}

.nav-right .btn.btn-default:hover {
    background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111;
}
.nav-right .btn.btn-default img {
   width: 25%;
    margin-right: 2px;
    transition: all ease .3s;
    float: left;
    position: relative;
    top: 5px;
}
.dropdown-menu.subsubmenu2.show {
    border-radius: 15px 15px;
}
#cate2 a {
    font-size: 12px;
}

.dropdown-menu.megamenu{
   /* display: block;*/
    margin-top: 0px!important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
   position: absolute;
  margin-top: -7px;
  border-radius: 15px 15px;
}
.nav-right :hover img {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
 .btn.btn-default i{
   transition: all ease .3s;  
   transform: rotate(35deg);
}
 .btn.btn-default:hover img {
  transform: translateY(-2px);
}
.subsubmenu2 li:before {
    color: #fff!important;
    position: relative;
    top: -1px;
    right: 0px;
}
/*.subsubmenu2 li:hover:before {
    color: #222!important;
}*/
.subsubmenu2 li a:hover {
text-decoration: underline;
}
.subsubmenu2 li a:hover i{
color: #fff;
}
.dropdown.shopping {
    z-index: 2;
    float: right;
    list-style: none;
    margin-top: 8px;
}
.dropdown.shopping .nav-link {
    padding: 0rem 0rem;
  
}

.carticon {
    width: 60%;
}
.nav-right {
    float: right;
    margin-right: 0px;
}

.nav-right li {
    display: inline-block;
  
}
.nav-link img {
    width: 59%;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.shopbag {
    width: 330px;
    background: #fff;
    position: absolute;
    right: 0px;
    border: 0;
    border-radius: 20px;
}
.shopbag .card-header {
    padding: 15px 15px 12px!important;
    background: #fff;
}
.cartempty {
    text-align: center;
    margin: 10px auto 10px;
    width: 19%;
    display: block;
}
.shopbag h3 {
    font-size: 15px;
    font-weight: 600;
}
.shopbag a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
}
.product-in-cart {
    font-size: 14px;
}
.totallabel-in-cart {
    font-weight: 600;
    font-size: 15px;
}
.shopcartbtn {
    border-radius: 30px;
    padding: 7px 35px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff!important;
    font-size: 16px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
}
.shopcartbtn:hover {
background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111!important;

    }
.shopping .nav-link:hover {
    box-shadow: none!important;
    
}
.shopping {
    margin-left: 20px;
}
.shopping .dropdown-toggle::after {
    display: none;
}
.parentlist a {
    font-size: 15px;
    margin: 0!important;
    font-weight: 700;
}
.parentlist {
  margin: 0 0 3px!important;
    line-height: 1;
}

/*-----------------header-------------------*/
@media screen and (min-width: 1500px) and (max-width: 4000px) { 
.navbar-nav .nav-lin, .main-cate .dropdown-menu li a, .dropdown-item {
     font-size: 15px;
}
.Slider_block .Butten {
   position: relative;
    margin-top: -20px;
    
}

.navbar-nav .nav-link:hover {
    box-shadow: inset 240px 0 0 0 #4b4874;
   
}

 .nav-right .btn.btn-default img {
    width: 20%;
    
}
.main-cate .title {
     font-size: 19px;
}
.navbar-nav .nav-link {
    font-size: 16px;
}
.contact {
     font-size: 22px;
     top: 153px;
   
}
.main-nav .nav-item {
    margin-left: 15px;
}

}


@media only screen and (max-width: 1024px){
 .navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 0px;
}
.navbar-dark .navbar-nav .nav-link, .navbar .btn.btn-default {
    font-size: 13px;
}
.nav-right {
    margin-left: 0;
}
.dropdown.shopping {
  z-index: 2;
    float: right;
    position: relative;
    left: 0px;
    list-style: none;
   margin-top: 8px!important;
}
.contact img {
    margin-right: 5px;
    width: 30px;
}
.dropdown-menu.subsubmenu2.show {
    margin-top: -23px!important;
}

.top-banner {
   right: 200px;
    float: left;
    width: 10%;
    position: absolute;
    top: 14px;
}
.nav-link img {
    width: 50%;
}
.megamenu .title {
    font-size: 14px;
    
}
.contact {
    font-size: 15px;
    display: none;
}

.navbar .nav-link {
    font-size: 13px;
    pointer-events:auto;
}
.main-nav {
    margin-left: 0px;
}
.navbar-expand-lg .navbar-nav .main-cate {
    position: absolute;
    margin-top: -8px!important;
}

.main-cate .dropdown-menu {
     padding: 10px 20px;
}
.dropdown-item {
    text-decoration: none!important;
    
}
.dropdown-menu li {
    padding: 3px 2px;
}
.main-cate .dropdown-menu li a {
     font-size: 11.5px!important;
   
}
.dropdown-item.dropdown-toggle {
    font-size: 11.5px!important;
}
.col-megamenu li:before {
   position: relative;
    top: 3px;
    
}
}
@media only screen and (max-width: 960px){
.top-link {
    float: none;
    margin-top: 0;
}
.top-header, .top-header p {
   text-align: center;
}
.navbar-dark .navbar-toggler {
    right: 58px;
    top: -43px;
  
}

}


@media only screen and (max-width: 990px){
.main-nav li {
    margin: 0!important;
    text-align: left;
    /*float: left;*/
}
}
@media all and (min-width: 992px) {

    .dropdown-menu li{
        position: relative;
    }
    .dropdown-menu .submenu{ 
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .dropdown-menu .submenu-left{ 
        right:100%; left:auto;
    }

    .dropdown-menu > li:hover{
   background: #cacae2;
    box-shadow: -1px 10px 0px -6px #4b4874;
    color: #111;
    border-radius: 30px;
     }
    .dropdown-menu > li:hover > .submenu{
        display: block;
    }
}   


@media (max-width: 990px) {

.dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}
.navbar-dark .navbar-toggler {
   color: rgb(0 0 0);
    border-color: rgba(255,255,255,.1);
    float: right;
    position: absolute;
    right: 12px;
    top: -42px;
    font-size: 27px;
    padding: 0;
}
.dropdown.shopping {
 top: 2px; left: 30px!important;
}

.dropdown.shopping .nav-link {
    padding: 0;
}


} 
@media (max-width: 962px) {  


.shopping .nav-link {
    padding: 0;
}
.navbar-dark .navbar-toggler {
  color: rgb(0 0 0);
    border-color: rgba(255,255,255,.1);
    float: right;
    position: absolute;
    right: 60px;
   top: -43px;
    font-size: 26px;
}
.nav-right .btn.btn-default {
    font-size: 14px;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.contact {
 display: none;
}
.navbar-brand img {
  width: 80%;
    margin-left: 6px;
    margin-bottom: 10px;
}
.navbar-brand {
    width: 16%;
  
}
.nav-right {
  margin-top: -4px;
    position: relative;
    left: 20px;
}
.nav-right  .btn.btn-default i {
    transition: all ease .3s;
    transform: rotate(35deg);
    color: #222;
    font-size: 25px;
}
.nav-right .btn.btn-default img {
   position: relative;
    top: 5px;
    filter: brightness(.1);
}
.navbar-collapse {
   position: absolute;
    left: -3px;
    top: 52px;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px #00000026;
    width: 94%;
}
.navbar {
   padding: 0;
    margin-top: 65px;
    position: absolute;
}
.megamenu .col-lg-3 {
    flex: 0 0 auto;
    width: 50%;
}
.nav-right .btn.btn-default:hover {
    background: transparent;
    box-shadow: none;
    color: transparent;
}
button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none!important;
}

.megamenu {
   top: 130px!important;
}
.navbar-dark .navbar-nav .nav-link:hover {
   width: 140px;
}
.order-sm-last {
    order: 6!important;
}
.navbar .has-megamenu {
   margin: 0 0!important;
   position: relative!important;

}
.main-cate li {
    float: none;
}
/*.dropdown-menu.show {
    display: none;
    border-radius: 0px;
}*/
.col-megamenu ul .dropdown-submenu {
    width: 100%;
display: block;
 }
 .submenu-inside li {
    display: block;
}
.submenu-inside .dropdown-menu li {
    padding: 3px;
}
.submenu-inside .dropdown-menu li a {
   font-size: 13px;
    line-height: 2;
}
.col-megamenu li:before {
  display: none;
}
.navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}
.navbar .nav-link {
    font-size: 13px;
    pointer-events: auto;
}
}
@media only screen and (max-width: 851px){
.top-banner {
    right: 146px!important;
    width: 13%!important;
    top: 14px!important;
}}
@media only screen and (max-width: 810px){
.top-banner {
    right: 122px;
  width: 12%;
   top: 16px;
}
}

@media (max-width: 768px) { 
.navbar .megamenu {
    min-height: auto;
} 
.right-item {
position: relative;
    left: 0px;
    float: none;
}
.dropdown.shopping {
    top: 3px!important;left: 9px!important;
}
.top-banner {
    right: 112px;
   width: 13%;
    top: 14px;
}
 .dropdown-item.dropdown-toggle {
    font-size: 14px!important;
} 

.dropdown-menu.subsubmenu2 {
    margin-top: -4px!important;
}
.navbar-expand-lg .navbar-nav .main-cate {
    position: absolute;
    margin-top: -5px!important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
     margin-top: 0px;
     margin-left: 0;
}
.dropdown-menu li a {
    font-size: 14px;
}
.dropdown-submenu.has-megamenu a {
    font-size: 15px;
  /*   pointer-events: none;*/
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
   
    border-radius: 15px 15px;
}
.navbar-nav .main-cate {
    position: absolute;
    border-radius: 15px 15px;
    top: 150px;
}
.dropdown.shopping .nav-link img {
    width: 26px;
}
.dropdown-menu.megamenu.level1-show {
    display: none;
}
.insubmenu:hover .subsubmenu2 {
    display: block!important;
}
.dropdown-submenu.has-megamenu:hover .megamenu {
    /*display: block!important;*/
}

.dropdown-submenu.insubmenu:hover .subsubmenu2{
 display: block!important;
}
.dropdown-submenu.insubmenu:hover .subsubmenu2.show{
 display: none!important;
}
.dropdown:hover .dropdown-menu.show {
   opacity: 0!important;
    position: absolute;
    z-index: 0;
    display: none;
}
.dropdown:hover .dropdown-menu {
  opacity: 1!important;
  position: relative!important;
   top: 0!important;
}
.main-nav li:hover > .dropdown-menu {
   opacity: 1!important;
 position: relative!important;
  top: 0!important;
}
.main-nav li:hover > .dropdown-menu.show {
    opacity: 0!important;
    position: absolute;
    z-index: 0;
    display: none;
   
}
.navbar-expand-lg .navbar-nav .dropdown-menu.show {
    z-index: -1;
    display: none;
}
.dropdown.shopping:hover .dropdown-menu {
    display: block!important;
    position: relative;
    left: -130px;
}


/*.dropdown.shopping:hover .dropdown-menu.show {
    display: block!important;
}*/

/*.drodown:hover > .dropdown-menu {
    display: none!important;
}
.drodown:hover > .dropdown-menu.show {
    display: block!important;
}
.navbar-nav li:hover > .dropdown-menu {
    display: none;
    width: 100%!important;
}
.navbar-nav li:hover > .dropdown-menu.show {
    display: block;
  
}*/
.navbar-dark .navbar-nav .nav-link:hover {
    width: 100%;
}
.navbar .has-megamenu {
   
     width: 100%;
    overflow: hidden;
    z-index: 000000000;
}
}

@media (max-width: 667px){
.navbar-dark .navbar-toggler {
   right: 53px;
   
}
.right-item {
   
    position: relative;
    left: 0px;
}
.dropdown.shopping {
    top: 3px!important;left: 9px!important;
}
}


@media only screen and (max-width: 540px){
.top-link {
    text-align: center;
    float: none;
    margin: 0;
}
.top-header p {
    text-align: center;
}
.navbar-dark .navbar-toggler {
   right: 41px;
    top: -46px;
}
.nav-right .btn.btn-default i {
  
    font-size: 22px;
}

.top-banner {
   width: 30%!important;
    position: absolute;
    margin-top: 57px;
    margin-left: 82px!important;
    right: 170px!important;
}
}
@media only screen and (max-width: 480px) {
.navbar-brand {
    width: 40%;
}
.right-item {
    float: right;
}

.top-header {
    padding: 9px 20px;
   
}
.top-banner {
    width: 30%!important;
    position: absolute;
    margin-top: 116px!important;
    margin-left: 82px!important;
    right: 170px!important;
}

.navbar-dark .navbar-toggler {
  top: -44px!important;
    font-size: 23px;
   right: 48px
}

.top-link {
  text-align: center;
    float: none;
    margin: 0;
}
.top-header p {
  text-align: center;
}

.carticon {
   width: 74%;
}
.shopping .nav-link {
    padding: 0;
}

.dropdown.shopping {
 z-index: 2;
    float: right;
    position: relative!important;
    left: -73px!important;
    margin-top: -109px!important;top: -109px!important;
}
.dropdown.shopping .nav-link img {
    width: 25px;
}
.navbar-brand img {
   width: 59%;
    margin-left: 8px;
    margin-bottom: 9px;
    top: -10px;
    position: relative;
}
.search-icon i {
   margin-left: 224px!important;
}
.home-body-search  .elm_header_search_btn {
   width: 360px;
}
.nav-right .btn.btn-default img {
   position: relative;
    top: 5px;
    filter: brightness(.1);
    width: 31%;
}
.nav-right {
    margin-right: 0;
    position: relative;
    left: -57px;
    width: 25px;
    top: -119px;
    color: #222;
    margin-top: 0;
}
.nav-right .bi.bi-person {
    font-size: 22px!important;position: relative;
    top: 5px;
}
.nav-right .btn.btn-default {
    font-size: 0px;
    background: transparent;
    box-shadow: none;
    padding: 0;
    color: #222;
}
.default2 {
    margin-left: 0;
    width: 53%;
    margin-top: 5px;
    
}
.default2 img {
    width: 20%!important;
    top: 1px!important;
}

button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}
.dropdown-submenu .line2 {
    color: #222;
    font-weight: 500;
    font-size: 15px;
}
.navbar-dark .navbar-nav .nav-link, .navbar .btn.btn-default {
    font-size: 14px;
}
}





@media only screen and (max-width: 425px){
.right-item {
     position: relative;
    top: 5px;left: 5px
}
.top-banner {
    width: 30%!important;
    position: absolute;
    margin-top: 103px!important;
    margin-left: 83px!important;
    right: 140px!important;
}
.dropdown.shopping {
   
    top: -107px!important;
}
}
@media only screen and (max-width: 399px) {
.nav-right {
  top: -106px;
    
}
.dropdown.shopping {
    margin-top: -97px!important;top: -99px!important;
}

}
@media only screen and (max-width: 375px) {
.dropdown.shopping {
    margin-top: -97px!important;
    top: -95px!important;
}
.navbar-dark .navbar-toggler {
    top: -48px!important;
   right: 48px;
}
.nav-right .bi.bi-person {
   
    top: 3px;
    right: 3px;
}
}
@media only screen and (max-width: 360px) {

.navbar-dark .navbar-toggler {
    top: 19px;
    font-size: 23px;
    right: 45px;
}
.dropdown.shopping {
   
   left: -71px!important;
   
}

}
@media only screen and (max-width: 280px) {


.top-header a, .top-header p {
   
    font-size: 13px;
}
.nav-right {
    top: -108px;
    left: -46px;
}
.dropdown.shopping {
    left: -55px!important;
    margin-top: -109px!important;
    top: -99px!important;
}
.search_box form {
    width: 255px!important;
    height: 48px!important;
}
.top-banner {
    width: 37%!important;
    position: absolute;
    margin-top: 90px;
    margin-left: 159px!important;
    right: 78px!important;
}
}


/*----------------------------------------

header------------------------------------*/

/*----------------------------------------Searcg-

bar------------------------------------*/
.search {
    float: left;
}
.search_box {
    float: left;
    width: 40%;
}
ul.list-group.list-group-flush {
    padding: 0 9px;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px!important;
}

.home-body-search .card {
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 7px;
    box-shadow: 0 0 20px #0003;
    height: 110px;
    padding: 10px;
}
/*.blockserach .fa.fa-search {
    font-size: 14px;
    color: #666;
    position: relative;
    left: 5px;
}*/
.loadmore {
    text-align: center;
    margin:410px auto 0;
    display: block;
    border-radius: 30px;
    padding: 7px 35px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    border: 0;
    left: 1100px;
    top: 53px;
}
.loadmore:hover {
background: #cccee9;
    color: #4b4874;
}
.home-body-search .bg-secondary {
   background-color: #cccee9!important;
    color: #4b4874;
    position: relative;
    top: 2px;
}

.nosearch {
    color: #555;
    text-align: center;
    margin: 15px 0;
    font-size: 15px;
    position: absolute;
    margin-top: -39px;
    left: 536px;
}
.home-body-search  .card img {
    width: 100px;
    height: 80px;
}

.serachmodal {
    width: 75%;
    margin: 22px auto;
    position: absolute;
    left: 170px;
    top: 100px;
    z-index: 2;
    border-radius: 20px;
    background: #fff;
    box-shadow: none;
    padding-bottom: 28px;
    box-shadow: 0 0 20px #0000001c;
}
.blockscroll {
  background: transparent;
    padding: 10px 20px 30px;
    border-radius: 20px;
    position: absolute;
    z-index: 99999;
    top: 13px;
}

.home-body-search .elm_header_search_btn {
    display: block;
    width: 500px;
    padding: 0.7rem 1rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #3c3877;
    background-color: #e7e7f8;
    background-clip: padding-box;
    border: 1px solid #3c3877;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 30px;
    height: 55px;
    text-align: left;
    font-size: 16px;
}

.home-body-search .card-body {
    flex: 1 1 auto;
    padding: 0.0rem .7rem;
}
.home-body-search .card-text {
    font-size: 14px;
    line-height: 18px;
    color: #222;
    margin-bottom: 5px;
}
.home-body-search .card-text:hover {
    text-decoration: underline;
    color: #4b4874;
}
.home-body-search .blockscroll {
  overflow-y: scroll;
    min-height: 10px!important;
    max-height: 380px!important;width: 100%;
}
.search_box form {
    display: block;
    width: 500px;
    padding: 0.7rem 1rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #3c3877;
    background-color: #e7e7f8;
    background-clip: padding-box;
    border: 1px solid #3c3877;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 30px;
    height: 55px;
    text-align: left;
    font-size: 16px;
}
.search_box input {
    background: transparent;
    border: 0;    width: 85%;
}
button.header-search-button {
    float: right;
    background: #3f3b79;
    border: 0;
    border-radius: 50%;
    padding: 5px 10px;
    color: #fff;
}



.search-icon i {
 position: absolute;
    z-index: 2;
    background: #3f3b79;
    border: 0;
    border-radius: 50%;
    margin-left: 437px;
    margin-top: -31px;
    padding: 9px 10px;
    padding: 10px 10px;
    color: #fff;
}


.home-body-search .modal-header {
    border-bottom: 0px solid #dee2e6;
}
.home-body-search .modal-footer button {
    display: none;
}
.home-body-search .modal-xl {
    max-width: 1140px;
   /* width: 48%;*/
    border: 0;
}
.home-body-search  [type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
    border: 0;
    width: 88%;
    color: #666;
    font-size: 16px;
    text-transform: capitalize;
}
.home-body-search  .modal-header {
    padding: 0;
    display: block;
}

.home-body-search  .modal-footer {
border-top: 0px solid #dee2e6;
display: none;
}
.home-body-search  .modal-content {
    position: relative;
    display: block;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 20px;
    outline: 0;
    padding: 0px 0px 20px 0px;
    box-shadow: 0 0 100px rgb(18 39 75 / 10%);
}
.header-search-button {
    background: transparent;
    border:0;
}
.modal-header .btn-close {
   color: #222;
    position: absolute;
    right: 23px;
    top: 25px;
    font-size: 12px;
}
.clear_search_text_btn{
   position: absolute;
    right: 50px;
    top: 20px;
    background: transparent;
    border: 0;
    font-size: 14px;
    padding: 0 10px;
    border-right: 1px solid #ddd;
    color: #666;
}
.home-body-search  .card-text {
    font-size: 12px;
    line-height: 18px!important;
    color: #222;
    margin-bottom: 5px;
}
*::-webkit-scrollbar {
    width: 5px!important;
    height: 9px;
}

@media only screen and (max-width: 1180px){
.search_box form {
    width: 380px;
    height: 52px;
    
}
.top-banner {
    right: 220px;
   width: 12%;
    top: 12px;
}
.dropdown.shopping {
  margin-top: 5px!important;
}
}
@media only screen and (max-width: 1024px){

.home-body-search  [type=search] {
    width: 72%;
}
.home-body-search .elm_header_search_btn {
    width: 400px;
}

.serachmodal {
    width: 90%;
    left: 50px;
}

.container {
    margin: auto;
    max-width: 100%;
    width: 94%;
}
.loadmore {
   margin: 380px auto 0;
 }
.nav-right .btn.btn-default {
    font-size: 15px;
}
.home-body-search .card-body {
     padding: 0rem 0.5rem;
}
.home-body-search .card-text {
    font-size: 12px;
   
}
.search-icon i {
   margin-left: 365px;
}
.search_box form {
    width: 350px;
    height: 47px;
}
button.header-search-button {
    position: relative;
    top: -5px;
    right: -6px;
}
.nosearch {
     font-size: 13px;
    margin-top: -35px;
    left: 350px;
}
}
@media only screen and (max-width: 768px){
   .home-body-search  [type=search] {
    width: 80%;
}
.home-body-search  .elm_header_search_btn {
    width: 280px;
    height: 45px;
}
.home-body-search .form .form-control~.form-label {
  top: 10px;
    left: 20px;
    font-size: 12px;
}
.home-body-search .form-control {
    height: 50px!important;
}
.home-body-search .input-group .btn {
    font-size: 13px;
  
}
.home-body-search [type=search] {
    font-size: 14px;
}
.nosearch {
  left: 260px;
}
.search-icon i {
 margin-left: 225px;
    margin-top: -29px;
    padding: 8px 8px;
    font-size: 13px;
}
.search_box form {
    width: 320px;
    height: 47px;
    
}
.serachmodal {
    width: 90%;
    left: 40px;
    top: 90px;
}
.loadmore {
    margin: 395px auto 0;
}
}
@media only screen and (max-width:480px){
.container {
    margin: auto;
    max-width: 100%;
    width: 100%;
}
.home-body-search .form-control {
     padding: 0.5rem 0.75rem;
    font-size: 1rem;
}
.home-body-search  .elm_header_search_btn{
    width: 365px!important;
}
.home-body-search  .form .form-control~.form-label {
    top: 6px;
    font-size: 14px;
    
}
.about .commontext h1 {
    font-size: 30px;
   
}
.nosearch {
    left: 100px;
}
.home-body-search  .input-group .btn {
    font-size: 18px;
    padding: 6px 11px;
}
.home-body-search  .input-group .btn {
    font-size: 14px;
    padding: 6px 10px;
}
.search-icon i {
  position: relative!important;
    left: 80px!important;
    top: -27px!important;
   
}
.search-icon {
    position: absolute;
    z-index: 0;
}
.home-body-search{
    float: left;
    margin: 0px 0px;position: relative;
    top: -7px;
}
.home-body-search  .card-text {
    font-size: 14px;
    line-height: 1.6;
}
.search_box form {
    width: 380px;
    height: 47px;
}
.serachmodal {
   width: 91%;
    left: 8px;
    top: 26px;border-radius: 10px;padding-bottom: 15px;
}
.search_box  .col-lg-3.col-md-6.col-sm-12 {
    margin: 5px 0;
    padding: 0;
}
.loadmore {
   padding: 5px 25px;
   font-size: 14px;
   
}
}
@media only screen and (max-width: 273px){
.search_box form {
    width: 250px!important;
   
}
.navbar-dark .navbar-toggler {
    top: 26px!important;
    right: 42px!important;
}
}
@media only screen and (max-width: 320px){
.home-body-search .elm_header_search_btn {
    width: 310px!important;
}
.search-icon i {
    position: relative!important;
   left: 40px!important;

}
.home-body-search .elm_header_search_btn {
    width: 320px!important;
}
.search_box form {
    width: 290px!important;
    height: 48px!important;
}
.navbar-dark .navbar-toggler {
    top: -54px!important;
    right: 46px;
}
}

@media only screen and (max-width: 400px){
.home-body-search {
    float: left;
    margin: -4px 0px;
}
.search_box form {
    width: 356px;
    height: 48px;
}
.serachmodal {
    width: 99%;
    left: 8px;
    top: 25px;
}
}





/*----------------------------------------Searcg-bar------------------------------------*/

section.homeslider {
    float: left;
    width: 100%;
}

.homeslider {
    float: left;
    width: 100%;
    z-index: 0;
    height: 670px;
}

.homeslider img {
    background-size: cover;
    width: 100%;
    height: 670px;
}
.slider-image img {
    height: auto!important;
}
.homeslider .carousel-caption {
    position: absolute;
    right: 4%;
    bottom: 40px;
    left: 10%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
.homeslider p {
    margin-top: 0;
    margin-bottom: 5px;
    color: #444;
    font-size: 20px;
    width: 80%;
    line-height: 40px!important;
}
.homeslider h2 {
   margin-top: 0;
    margin-bottom: 10px;
    color: #444;
    font-size: 60px;
    line-height: 70px;
}
.homeslider h2 b {
    margin-top: 0;
    color: #4b4874;
    font-size: 65px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}
.slider-image img {
    margin-top: -32px;
}
.homeslider li {
    margin: 10px 0;
    padding-right: 12px;
    list-style: square;
    display: inline-block;
    color: #333;
    font-size: 18px;
    font-weight: 600;
}
.homeslider ul {
    padding: 0;
}
.homeslider .blockbtn {
    margin: 25px 0 0;
}

.blockbtn .btn.btn-default {
    border-radius: 30px;
    padding: 7px 35px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
}
.blockbtn .btn.btn-default:hover {
   background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111;
}

.homeslider [type=button]:not(:disabled) {
    display: none;
}
.homeslider li:before {
    content: "\f582";
    font-family: 'bootstrap-icons';
    font-size: 12px;
    margin-right: 5px;
}

@media screen and (min-width: 1500px) and (max-width: 4000px) { 

.dropdown-item {
    text-decoration: none!important;
    font-size: 15px;
}
.serachmodal {
    width: 70%;
   left: 290px;
    top: 94px;
}
.serachmodal {
width: 70%;
 top: 148px;
   
}
.nosearch {
  left: 736px;
}

.home-body-search  .card-text {
    font-size: 14px;
   
}
.home-body-search .blockscroll {
    max-height: 415px!important;
}
.nav-right {
   
    margin-right: 0px;
}
.search [type=search] {
   width: 76%;
}
.calendarcategories .item .cl_images a {
    font-size: 16px!important;
}
.homeslider p {
   margin-bottom: 0px;
    font-size: 28px;
}
.homeslider li:before {
    font-size: 14px;
  } 
 
.homeslider h2, .homeslider h2 b {
   font-size: 70px;
    margin-bottom: 15px;
    line-height: 76px;
}
.homeslider li {
    margin: 15px 0;
    font-size: 23px;
}

.blockbtn .btn.btn-default {
    font-size: 22px;
}
.slider-image img {
    margin-left: 170px;
}
.slider-image {
    width: 88%;
    position: relative;
    top: -40px;
}
}

@media only screen and (max-width: 1024px){
.homeslider .carousel-caption {
     bottom: 0px;
  
}
.homeslider h2 {
      font-size: 45px;
      line-height: 50px;
}
.homeslider img, .homeslider  {
    
    height: 450px;
}
.homeslider p {
    font-size: 19px;
   line-height: 35px!important;
}
.homeslider li {
    margin: 5px 0;
}
}

@media only screen and (max-width: 880px){
.homeslider img, .homeslider {
    height: 470px;
}
.homeslider h2 {
    font-size: 36px;
}
.homeslider .carousel-caption {
  bottom: 20px;
    left: 6%;
}
.homeslider li {
   padding-right: 6px;
  font-size: 15px;
    
}

    }
@media only screen and (max-width: 768px){
.homeslider img, .homeslider {
    height: 450px;
}
.homeslider h2 {
 font-size: 35px;
    line-height: 40px;
}
.homeslider p {
     font-size: 17px;
    width: 95%;
}
.homeslider .blockbtn {
    margin: 25px 0 0;
}
.homeslider .carousel-caption {
  bottom: 80px;
    left: 6%;
}
.homeslider li {
  padding-right: 6px;
    font-size: 15px;
    margin-bottom: 0;
}
}

@media only screen and (max-width: 667px){
.slider-image img {
    display: none;
}
.homeslider img, .homeslider {
    height: 350px;
}
.top-banner {
    margin-left: 29px;
    width: 94px;
}
.search_box form {
    width: 260px;
    height: 47px;
}
}
@media only screen and (max-width: 540px){
section.homeslider {
   
    margin-top: 92px;
}
.dropdown.shopping {
    margin-top: 2px!important;
}
.homeslider .carousel-caption {
    bottom: 60px;
    left: 7%;
}
}


@media only screen and (max-width: 480px){
.slider-image img {
    margin-top: -32px;
    display: none;
}

section.homeslider {
    margin-top: 2px;
}
.homeslider img, .homeslider {
    height: 350px;
    margin: 40px 0;
}
.homeslider ul {
  margin-bottom: 25px;
}
.homeslider .carousel-caption {
    bottom: 90px;
}
.homeslider h2 {
  font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
}
.homeslider p {
    font-size: 16px;
    width: 90%;
    line-height: 32px;
}
.homeslider li {
   font-size: 15px;
  
}
.search_box form {
    width: 430px;
    height: 47px;
}
}

@media only screen and (max-width: 436px){
.homeslider img, .homeslider {
    margin: 20px 0;
}
}

@media only screen and (max-width: 425px){
.search_box form {
    width: 400px;
    height: 47px;
}
.homeslider .carousel-caption {
    bottom: 35px;
}
}
@media only screen and (max-width: 414px){
.search_box form {
    width: 370px;
   
}
}
@media only screen and (max-width: 400px){
.homeslider .carousel-caption {
    bottom: 54px;
}
.homeslider img, .homeslider {
    height: 354px;margin: 20px 0;
 }  
.homeslider p {
    width: 93%;
    line-height: 30px!important;
}
.homeslider li {
    font-size: 14px;
}
.top-banner {
   width: 33%!important;
    position: absolute;
    margin-top: 103px;
    margin-left: 25px!important;
    right: 124px;
    left: 105px;
}
}



@media only screen and (max-width: 375px){
.homeslider .carousel-caption {
    bottom: 40px;
}
.homeslider h2 {
    font-size: 28px;
    
}
.homeslider ul {
    margin-bottom: 0px;
}
.search_box form {
    width: 340px;
}
.top-banner {
    width: 38%!important;
    position: absolute;
    margin-top: 96px;
    margin-left: 12px!important;
    right: 115px!important;
}

}

@media only screen and (max-width: 360px){
.homeslider .carousel-caption {
    bottom: 55px;
    left: 35px;
}
}

@media only screen and (max-width: 320px){
.top-banner {
  margin-top: 89px!important;
    margin-left: -7px!important;
    right: 114px!important;
}
.homeslider .carousel-caption {
    bottom: 30px;
    left: 35px;
}
}
@media only screen and (max-width: 280px) {

   .homeslider img, .homeslider {
    height: 364px;
    margin: 12px 0;
} 
.top-banner {
    width: 39%!important;
    position: absolute;
    margin-top: 88px;
    margin-left: -23px!important;
    right: 11px!important;
}
}
/*------------------------------------slider-

banner------------------------------*/

.slider-banner {
   float: left;
    width: 100%;
    margin: 50px 0 30px;
    z-index: 0;
    position: relative;
}
.slider-banner .Slider_images img {
    border-radius: 15px;
}
.Slider_text {
   position: absolute;
   padding: 0 30px;
    transition: all 0.7s ease-in-out;
    top: 20px;
    right: 0;
}
.left-block .Slider_text {
    text-align: right;
}
.Slider_text h3 {
   font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    min-height: 85px;
    width: 70%;
    float: right;
}
.overlay{
background-image: linear-gradient(180deg,rgba(0,0,0,0.6) 0,RGBA

(0,0,0,0.6) 100%);}

.Slider_block {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 190px;
    border-radius: 15px;
    margin-bottom: 30px
}
.Slider_block:before {
        content: "";
    background: #06060691;
    width: 100%;
    height: 190px;
    opacity: 0;
    transform: translate(0,200%);
    position: absolute;
    transition: all 0.35s;
    border-radius: 15px;
}
.Slider_block:hover:before {
    opacity: 1;
    transform: translate(0,0) scale(1);
}
.Slider_block .Butten {
    padding: 0px 0 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: relative;
    margin-top: -20px;
    left: 0;
    z-index: 1;
    transition: all 0.7s ease-in-out;
}
.Slider_block:hover .Butten:before {
    transition-delay: .21s;
}
.Slider_block:hover .Butten {
    opacity: 1;
    top: 0;
}
.Slider_block:hover .Butten a {
    border-radius: 30px;
    padding: 7px 15px;
    background: #ffffff;
    font-weight: 600;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #1e1b1b;
    font-size: 12px;
    overflow: hidden;
    box-shadow: 0px 12px 2px -5px #4b48748c;
    z-index: 999;
    position: relative;
}
.Slider_block:hover .Slider_text h3 {
    color: #fff;
    z-index: 999;
    position: relative;
}
.Slider_block:hover .Slider_text {
    text-align: right;
}


.slider-banner .Slider_images img {
    border-radius: 15px;
    width: 100%;
}
/*@media only screen and (max-width: 667px){

.search_box form {
    width: 270px;
    height: 47px;
}
.top-banner {
    margin-left: 40px;
    width: 90px;
}
.Slider_block, .Slider_images img  {
   height: 300px;
    
}
.Slider_block:before {
    height: 300px;
}
.slider-image img {
   
    display: none;
}
.homeslider img, .homeslider {
    height: 350px;
}
}*/
@media only screen and (max-width:1024px){
  .Slider_block .Butten {
   position: relative;
    margin-top: 14px;
    
}  

.Slider_text h3 {
    font-size: 14px;
   line-height: 21px;
   min-height: 33px;
   
}
.Slider_block:before {
    height: 135px;
    
}
.Slider_block:hover .Butten a {
  
    padding: 7px 10px;
   line-height: 1.5;
    font-size: 11px;
    
}
.common-heading h1 {
    font-size: 30px;
}
.common-heading h4 {
    font-size: 18px;
}
}
@media only screen and (max-width: 768px){
.Slider_block .Butten {
     position: relative;
    margin-top: 50px;
}
.Slider_text h3 {
    font-size: 17px;
   
}
.slider-banner {
   
    margin-top: 40px;
    z-index: 0;
    position: relative;
}
.Slider_block {
     margin-bottom: 30px;
}
.Slider_block:before {
    height: 190px;
}

}
@media only screen and (max-width: 480px){
.Slider_text h3 {
    font-size: 19px;
   
}
.nav-right .btn.btn-default {
    font-size: 0;
}
.category-discription-img h1 {
    font-size: 24px!important;
  
}
.slider-banner {
  padding: 0 30px;
}
.Slider_block:hover .Butten a {
    font-size: 13px;
}
.Slider_block .Butten {
    position: relative;
    margin-top: 43px;
}
footer {
    margin-top: 0px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.slider-banner .col-lg-3.col-md-6.col-sm-12 {
    padding: 0;
}
.common-heading h1 {
    font-size: 25px;
}
}
/*------------------------------------slider-

banner------------------------------*/
/*==============================Calendarcategories=======================

=======*/




.calendarcategories {
    text-align: center;
    float: left;
    width: 100%;
    padding: 50px 0;
}
.categories {
    padding: 40px 0px 0;
}
.common-heading {
    text-align: center;
}
.calendarcategories  .item {
    background:#dbdae8;
    padding: 10px;
    margin: 18px 18px;
    width: 17%;
    border-radius: 10px;
    box-shadow: 0 0 20px #0e0e0e29;
    text-align: center;
    display: -webkit-box;
    /* margin: 15px auto; */
    float: left;
}

.calendarcategories .item:hover {
    background: #4b4874;
}
.calendarcategories .item:hover a {
    color: #fff;
}
.calendarcategories .item img {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    box-shadow: 0 0 20px #04040426;
}
.calendarcategories .item .cl_images a {
    vertical-align: middle;
    line-height: 2.3;
    text-decoration: none;
    margin-left: 10px;
    color: #222;
    font-weight: 700;
    font-size: 13px;
}
.calendarcategories .item:hover a {
    color: #fff;
}
@media only screen and (max-width:1024px){

.calendarcategories .item {
   width: 21%;
    
}
}
@media only screen and (max-width:425px){
.common-heading .withc {
    width: 10%!important;
  
}
.calendarcategories .item {
   width: 46%;
    margin: 10px 6px;
}
.categories {
    padding: 25px 0px 0;
}
.calendarcategories .item .cl_images a {
    font-size: 12px;
}
.calendarcategories .item img {
   width: 25px;
    height: 25px;
  
}
.calendarcategories .container {
   
    width: 90%!important;
}
.calendarcategories .item .cl_images a {
    margin-left: 7px;
}
.calendarcategories {
    padding: 30px 0;
}
}
/*==============================Calendarcategories=======================

=======*/

/*==============================homeproduct==============================

*/
.homeproduct {
background: url(../userassets/probkg.jpg);
    float: left;
    width: 100%;
    padding: 50px 0;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.homeproduct .common-heading h1, .homeproduct .common-heading h4 {
    color: #fff!important;
}
.product-row {
  padding: 50px 0 0;
}
.producthome {
    background: white;
    text-align: center;
    border-radius: 15px;
    height: 580px;
    padding: 10px 15px;
    margin-bottom: 25px;
}
.producthome figure {
    float: left;
    width: 100%;
    margin: 20px 0 20px 0;
    height: 260px;
}
.producthome figure img {
   max-width: 100%;
    max-height: 260px;
    height: 260px;box-shadow: 2px 2px 6px #b9b5b5;
}
.producthome  .AddCart_pr {
    position: absolute;
    margin-left: 99px;
    margin-top: 0px;
    display: none;
}

.pricesec {
    padding: 10px 0;
    min-height: 70px;
}

a {
    color: #4b4874;
    text-decoration: none;
}


.itemno a{
    font-size: 17px;
    margin: 10px;
    color: #4b5199;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
     color: #222;
}
.pro-name {
  min-height: 92px;
    float: left;
    width: 100%;
}
.pro-name h2  {
   line-height: 18px;
    min-height: 87px;
    float: left;
    width: 100%;
}
.pro-name h2 a {
    font-size: 16px;
    color: #222;
    text-decoration: none;
    font-weight: 700;
    line-height: 28px;
}
.pro-name h2 a:hover {
 color: #4b4874;  
}
.blockbtn {
   margin: 10px;
    float: left;
    width: 100%;
}
.blockbtn a {
    border-radius: 30px;
    padding: 8px 20px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 13px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
    text-decoration: none;
}
.blockbtn a:hover {
background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111;
}
.producthome .blockbtn {
   float: none!important;
}

.productGrid .blockbtn {
   float: none!important;
}
.common-heading .withoutc {
    width: 4%;
    margin-top: 10px;
    filter: brightness(100);
}
.common-heading .withc {
    width: 4%;
    margin-top: 10px;
  
}
@media only screen and (max-width:1024px){
.pro-name h2 a {
    font-size: 14px;
    line-height: 18px;
}
.itemno a {
    font-size: 14px;
}
.product-row.gx-5 {
   --bs-gutter-x: 1rem;
}
.pricesec {
    padding: 10px 0;
    min-height: 65px;
    font-size: 14px;
}
.pro-name h2 a {
    font-size: 14px;
     line-height: 22px;
}
.pro-name {
    min-height: 116px;
}
.producthome {
    height: 595px;
}
}
@media only screen and (max-width:768px){
.pro-name h2 a {
    font-size: 18px!important;
    line-height: 32px!important;
}
.pricesec {
    font-size: 18px!important;
}
.itemno a {
    font-size: 19px!important;
}  
 .pro-name {
    min-height: auto;
} 
}
@media only screen and (max-width:425px){
.producthome {
    margin-bottom: 20px;
}
.common-heading .withoutc {
    width: 13%;
   
}

.product-row.gx-4 {
 --bs-gutter-x: 0rem!important;
    padding: 30px 15px;
}
.pro-name h2 a {
    font-size: 17px;
    line-height: 28px;
}
.homeproduct {
 padding: 50px 20px 15px;
   
}
.homeabout .blockbtn .btn.btn-default {
    font-size: 15px;
    padding: 7px 28px;
}
}
/*==============================homeproduct==============================

*/


/*==============================homecta==============================*/


.homecta {
    float: left;
    width: 100%;
    padding: 60px 20px;
}


.ctastart {
    background: url(../userassets/bkg.jpg);
    float: left;
    width: 100%;
    padding: 40px 50px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}
.ctastart h1 {
    margin-bottom: 25px;
}
.ctastart h2 {
   margin-top: -20px;
    font-size: 25px;
    line-height: 38px;
}

.ctastart h3 {
    font-size: 16px;
    line-height: 40px;
}

.ctastart .blockbtn {
    margin: 30px 0 15px;
}
.ctastart .blockbtn .btn.btn-default {
    font-size: 18px;
    padding: 10px 35px;
}

@media only screen and (max-width:768px){
    .ctastart {
    background-position: 100% 30%;
}
}
@media only screen and (max-width:425px){
.homecta {
  
    padding: 40px 20px;
}
.ctastart {
   padding: 30px 30px;
    background-size: cover;
    background-position: 82% 30%;
    
}
.ctastart h3 {
    text-align: justify;
}
.ctastart h2 {
   font-size: 20px;
    line-height: 30px;
}
.homeabout .row {
    --bs-gutter-x: 0rem!important;
}
.ctastart h1 {
    margin-bottom: 25px;
    line-height: 36px;
}
}
/*==============================homecta==============================*/


/*==============================homeabout==============================*/


.homeabout {
    float: left;
    width: 100%;
    padding: 60px 50px 70px;
    background-size: cover;
    background-position: center;
    background: #dadafc;
    
}

.homeabout .welcometext {
    float: left;
    width: 100%;
    line-height: 35px;
}
.homeabout h1 strong {
    font-size: 45px;
}
.homeabout h1 {
    margin-bottom: 15px;
    font-size: 28px;
}
.homeabout .blockbtn .btn.btn-default {
    font-size: 16px;
    margin-top: 20px;
}
.homeabout .aboutimg img {
    margin-left: 75px;
    margin-top: -50px;
    width: 100%;
}
.homeabout .blockbtn {
    margin: 0!important;
}
.homeabout .blockbtn .btn.btn-default {
    font-size: 18px;
    padding: 10px 35px;
}
.about .table-responsive::-webkit-scrollbar-thumb {
    background-color: #4b487400;
    border-radius: 30px;
    border: 0px solid transparent;
}
.big_art_img {
    float: left;
    width: 38%;
    
}
.big_art_img img {
  margin-right: 30px;
}
.big_artText.aos-init.aos-animate {
    float: right;
    width: 56%;
}
.ArticalText {
    background: transparent;
    padding: 0 0 40px 0;
}
.Art_image li {
    width: 100%!important;
    padding: 0px!important;
    list-style: none;
}
 .Home_tittle h1 {
    text-align: center;
}
.Home_tittle h1 span {
    display: inline-block;
    padding: 0 0 20px;
    position: relative;
}
.ListingHome {
    background: transparent;
    padding: 0 0 40px 0;
}
.aos-init li {
     float: left;
    width: 25%;
    padding: 5px;
    list-style: none;
}
.aos-init li a {
    padding: 8px 2px;
    width: 100%;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    background: #3f3b79;
    border-radius: 10px;
    box-shadow: 0 0 20px #0e0e0e29;
}
.sub-category li a:hover {
    background: #e7e7f8;
    color: #333;
}
.aos-init li a:hover {
    background: #e7e7f8;
    color: #333;
}
ul.aos-init li:before {
    display: none;
}
ul.aos-init li .fa {
    display: none;
}
.HomeProduct .Product {
    background: white;
    text-align: center;
    border-radius: 15px;
    height: 420px;
    padding: 10px 20px;
    margin-bottom: 25px;
    border: 1px solid rgb(75 72 116);
    box-shadow: #4b4874b8 2px 2px 10px;
}
.HomeProduct .Product h2 {
    font-size: 15px;
   color: #222;
    text-decoration: none;
    font-weight: 700;
    line-height: 22px;
    font-family: 'Roboto', serif;
}
.AddCart_pr {
    display: none;
}
.Product figure img {
   max-width: 100%;
    max-height: 260px;
    box-shadow: 2px 2px 6px #b9b5b5;
    margin: 0 0 0px!important;
    float: none!important;
}
.Set2Cat {
    margin: 17px auto 10px;
    background: #fff;
    padding: 30px 45px 25px;
    border-radius: 20px;
    box-shadow: 0 0 20px #ddd;
}
.HomeProduct .Product .butan {
    border-radius: 30px;
    padding: 3px 20px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 13px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
    text-decoration: none;
}
.HomeProduct .Product .butan:hover {
    background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111;
}
.HomeProduct .Product figure {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    height: 230px;
}
 .HomeProduct .Product .FromSec {
    min-height: inherit;
    color: #222;
}
.HomeProduct .Product .FromSec {
    float: left;
    width: 100%;
    font-size: 16px;
   text-align: center;
    margin-bottom: 10px;
    min-height: 45px;
}


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

.homeabout {
     padding: 35px 20px 50px;
}
.homeabout .aboutimg img {
    margin-left: 9px;
    margin-top: 12px;
    width: 100%;
}
.homeabout h1 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 36px;
}
.homeabout h1 strong {
    font-size: 30px;
}
.homeabout .welcometext {
   text-align: justify;
}
}
/*==============================homeabout==============================*/
/*==============================homelisting==============================

*/

.homelisting {
    background: url(../userassets/themebkg.jpg);
    float: left;
    width: 100%;
    padding: 60px 50px 70px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
   
}
.homelisting p {
    color: #fff;
    line-height: 30px;
}
.homelisting .common-heading h1, .homelisting .common-heading h4 {
    color: #fff;
}
.homelisting ul {
    padding: 40px 0;
}

.homelisting li {
    background: #fff;
    padding: 8px;
    margin: 18px 15px;
    width: 17%;
    border-radius: 10px;
    box-shadow: 0 0 20px #0e0e0e29;
    text-align: center;
    display: -webkit-box;
    /* margin: 15px auto; */
    float: left;
}
.homelisting li:hover {
    background: #e5e5e5;
   
}
.homelisting li:hover img {
    background: #333;
   
}

.homelisting li img {
    background:#4e4991;
    padding: 5px;
    width: 40px;
    margin-right: 10px;
    height: 40px;
    border-radius: 5px;
}
.homelisting a {
    color: #222;
    text-decoration: none;
    font-weight: 600;
}

.homelisting .blockbtn {
    display: inherit;
}
.homelisting .blockbtn .btn.btn.default {
   display: block;
    margin: auto;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 30px;
    color: #fff;
    padding: 10px 35px;
    background: transparent;
    box-shadow: none;
   font-size: 18px;
}
.homelisting .blockbtn .btn.btn.default:hover {
    background:#fff;
border: 2px solid #fff;
     color: #222;
  }


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

  .homelisting li {
   width: 21%;
    
}
}
@media only screen and (max-width:768px){
.homelisting li img {
    width: 30px;
    height: 30px;
    margin-right: 3px;
}
.homelisting {
   padding: 60px 35px 70px;
}
.homelisting li {
    width: 28%;
}
}
@media only screen and (max-width:425px){
    .homelisting {
    padding: 43px 20px 50px;
   
}
.homelisting li {
    width: 44%;
    margin: 12px 8px;
}
.homelisting ul {
    padding: 40px 0 5px;
}
.homelisting li img {
    padding: 2px;
    width: 30px;
    margin-right: 5px;
    height: 30px;
   
}
.homelisting .blockbtn .btn.btn.default {
   padding: 8px 35px;
   font-size: 16px;
}
}
/*==============================homelisting==============================*/

/*-----------------------------------------Mainfooter-------------------------*/


.Mainfooter {
    background:#e0e0f7;
    float: left;
    width: 100%;
    padding: 50px;
}

.Mainfooter .FTLinks p {
    margin-top: 20px;
    line-height: 35px;
    font-size: 15px;
    width: 80%;
}
.Mainfooter ul {
   padding: 0;
}
.Mainfooter li a{
    font-size: 15px;
    color: #222;
    line-height: 40px;
    text-decoration: none;
    list-style: none;
}

.Mainfooter li {
    list-style: none;
    line-height: 36px;
}
.ftTittle {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
}
.Mainfooter li a:before {
    content: "\f0a9";
    font-family: 'FontAwesome';
    display: inline-flex;
    margin-right: 5px;
}
.FTSecur li {
    float: left;
}
.FTSecur li img {
    width: 80%;
}
.FTSecur li a:before, .FTConatc li a:before {
   content: ""!important;
}
img.badges {
    width: 70%!important;
    margin-top: -7px;
}
.FTConatc li {
    display: flex;
}
.FTConatc i {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
img.Cuspro_logo {
    margin-bottom: 22px;
}
.footBott a {
    color: #222;
    text-decoration: none;
    font-weight: 600;
}

.footBott {
    line-height: 2;
}
i.bi.bi-geo-alt-fill {
    top: 0px;
    font-size: 18px;
}
hr:not([size]) {
    height: 1px;
    margin: 20px auto 30px;
    color: #5a5a5a;
    width: 100%;
}
.bottomfooter {
    background: #4b4874;
    float: left;
    padding: 10px 50px;
    width: 100%;
    color: #fff;
}
.bottomfooter p {
    margin: 0;
    color: #fff;
}
.bottomfooter a {
   color: #fff;
}
@media only screen and (max-width:768px){
.ppai {
    width: 26%!important;
    padding: 10px 20px!important;
}
.sage {
    width: 23%!important;
}
.cuspo {
    width: 48%!important;
}
.footBott img {
    width: 66%;
}
.bottomfooter {
   padding: 10px 5px;
   
}
.webdesign {
    font-size: 12px;
}
}
@media only screen and (max-width:1024px){
.bottomfooter p, .bottomfooter a {
     font-size: 13px;
}
.Mainfooter {
    padding: 30px 10px;
}
}
@media only screen and (max-width:480px){
.sage img {
    width: 40%;
}
.sage {
    width: 100%!important;
}
.Mainfooter {
     padding: 36px 10px;
}
.cuspo img {
  width: 70%;
    margin-bottom: 15px;
}
.cuspo {
    width: 100%!important;
    width: 100%!important;
    padding: 5px 0!important;
    font-size: 15px;
}
.ppai img {
    width: 40%;
}
.ppai {
    width: 100%!important;
}
.Mainfooter .FTLinks p {
     width: 100%;
     text-align: center;
}
.ftTittle {
    font-size: 20px;
   
}
img.sitelogo {
    display: block;
    text-align: center;
    margin: 5px auto 25px;
    width: 40%;
}
.bottomfooter {
   padding: 10px 24px;
    text-align: center;
}
.Mainfooter .container {
    width: 95%!important;
}
}
/*==============================Mainfooter==============================*/



/*---------------------------------loginpage------------------------------------*/
.section.userlogin{
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 20px 20px;
     background: #f6f6fd;
}

.userlogin .container {
    width: 95%;
}

.login {
  padding: 35px 51px;
}

.login h4 {
    font-weight: 600;
    font-size: 26px;
}


.loginstart {
 background: #fff;
 border-radius: 20px;
 margin:60px 0;
 margin: 5vw 0;
 box-shadow:0 0 20px #2d2c2c3d;
 padding: 0 0px 0px 0px;
 
}
.loginstart form {
    margin: 25px 0 15px;
}
.loginlogo img {
    width: 38%!important;
    text-align: center!important;
    margin: 10px auto 30px!important;
    display: block!important;
}
.loginstart img {
  border-radius: 20px 2px 0px 20px;
  margin: 0px;
  width: 100%;
  position: relative;
  top: 0px;
  left: 0;
}
.loginstart h3 {
    font-size: 30px;
    font-weight: 700;
}
.login-form h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4vw;
    font-weight: 600;
    margin-bottom: 6px;
}
.loginstart h2 {
     font-family: 'Poppins', sans-serif;
    font-size: 29px;
    margin: 20px 0 0;
    font-weight: 700;
}
.loginstart h6 a, .loginstart p a {
    font-weight: 800;
    text-transform: capitalize;
    color: #222;
    text-decoration: underline;
}
.logining img {
    height: 582px;
}
.login-form h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
   line-height: 1.8;
}

.loginstart .fa.fa-check {
    font-size: 70px;
    color: #6ec969;
}
.btn-primary a {
    color: #fff;
    text-decoration: none;
}
img.conimg {
    height: 643px!important;
}

.loginstart h6 {
    margin: 0px;
    line-height: 30px;
}
.loginstart h5 {
    position: relative;
    top: 5px;
    font-weight: 400;
    font-size: 15px;
}
.loginuser{
    width: 100%;
    margin: auto;
}
.upload-highlight a {
    color: #6242b8;
}
.loginuser .btn.btn-default {
    padding: .9vw 2.5vw;
    color: #fff;
    border-radius: 50px;
     font-size: 16px;
    /*font-size: 1.2vw;*/
     font-weight: 500;
    background-image: radial-gradient( circle farthest-corner at 18.2% 

37.2%, rgba(19,134,133,1) 0%, rgba(12,118,117,1) 98.1% );
    border: 5px solid #47abaa;
}
.loginbtn .btn.btn-default {
    background-color: #4b4874;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    padding: 12px 50px;
    text-transform: uppercase;
    border-radius: 60px;
    box-shadow: 1px 10px 0px -5px rgb(202 202 226);
    border: 0;
}
.loginbtn .btn.btn-default:hover {
   background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111;
}

.loginbtn .fa.fa-arrow-right {
    background: #309d9d;
    padding: 10px;
    border-radius: 50%;
    position: relative;
    left: 0px;
    transform: translate3d(5px, 0, 0);
}
.lost {
    text-align: center;
    display: block;
}
.lost a {
    font-size: 16px;
   text-align: center;
    text-decoration: none;
    color: #4b4874;
    font-weight: 600;
}
.lost a:hover {
   color: #333;
   text-decoration: underline;
}
.bottombtn {
    text-align: center;
}
.bottombtn .btn img {
    width: 23px;
    margin-right: 4px;
}
.bottombtn .btn {
    font-size: 13px;
    padding: 10px 6px;
    border: 1px solid #ddd;
    color: #666;
    margin: 0px 2px;
    background-color: transparent;
}
.account {
  text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.account a {
    font-size: 16px;
  text-align: center;
    text-decoration: none;
    color: #4b4874;
    font-weight: 600;
}
.account a:hover {
   color: #333;
   text-decoration: underline;
}


@media only screen and (max-width: 990px){
.login {
    padding: 30px 20px 20px;
    width: 100%;
}}
@media only screen and (max-width: 768px){
.loginlogo img {
    width: 40%!important;
    margin: 15px auto 7px!important;
}
 .login {
    padding: 30px 20px 20px;
    width: 100%;
}
.account {
    
 font-size: 15px;
}
.loginstart {
    margin: 20px 0;
}
}
@media only screen and (max-width: 480px){
.userlogin .container {
    width: 95%;
}
.loginstart h2 {
   font-size: 24px;
    margin: 10px 0 0;
}
.loginbtn .btn.btn-default {
   font-size: 16px;
}
.userlogin .container {
    width: 98%!important;
}
}

/*-------------------------------loginstart-----------------------------

*/
/*------------------------------------------------------------

*/
.form-top.alert.alert-danger {
    background: transparent;
    border: 0;
    text-align: center;
    line-height: 0;
    color: #ef0d23;
    padding: 5px;
    margin: 0;
}
.form-top .alert-danger {
    color: #ff2828;
    background-color: #fee;
    border-color: #fdd8d8;
    padding: 4px;
    text-align: center;
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.form-top .alert-danger ul {
    margin: 0!important;
}
.form-top.alert.alert-danger ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.form-control.is-invalid:focus, .was-validated .form-

control:invalid:focus {
    border-color: #ff0018;
    box-shadow: 0 0 0 0.25rem rgb(241 71 87 / 25%);
}

.form-control {
    padding: 1rem 0.75rem;
    font-size: 15px;
    /*line-height: 2.5;*/
    border-color: #f3f6f9;
    color: #777;
    border: 2px solid #ebebeb;
    box-shadow: none;
    border-radius: 0.25em;
    /*background: white;*/
    transition: all .2s linear;
    height: 60px!important;
    margin-bottom: 10px;
}
.form-floating>label {
    font-size: 15px;
    color: #777;
    font-weight: 500;
}
/*-------------------------------form-alart-----------------------------

*/
/*------------------------------contact 

page-----------------------------*/
.contdetail {
    position: absolute;
    padding: 60px 0 30px 61px;
}
.contdetail h1 {
    font-family: 'Roboto Slab', serif;
    color: #fff;
}
.contdetail ul {
    margin: 30px 0 0;
    padding: 0;
}
.contdetail li {
    line-height: 42px;
    font-size: 18px;
    display: flex;
    color: #fff;
}
.contdetail i {
    margin-right: 13px;
    display: inline-block;
    position: relative;
    top: 3px;
    color: #fff;
    font-size: 22px;
}

textarea.form-control {
    height: 120px!important;
}
input.form-check-input {
    position: relative;
    top: 3px;
}
.input-check {
    position: relative;
   top: 1px;
    right: 2px;
}
.input-copy1 {
    font-size: 16px;
}
.input-copy {
    position: absolute;
    right: 22px;
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 8px 15px;
    line-height: 1;
    border-radius: 5px;
}
label.form-check-label a {
    text-decoration: underline;
    font-weight: 500;
}
/*------------------------------contact page-----------------------------*/
/*------------------------------about page-----------------------------*/

.page-about {
    padding: 60px 0;
    float: left;
    width: 100%;
    background: #f6f6fd;
}
.about {
    background: #fff;
    padding: 25px 40px 35px;
    box-shadow: 0 0 20px #10101005;
    border-radius: 20px;
    line-height: 36px;
    float: left;
    width: 100%;
}
img.uploadfile {
    border: 2px solid #ddd!important;
    padding: 5px;
    border-radius: 5px;
}
img.uploadfile:hover {
    border: 2px solid #222!important;
}
.about img {
   /* float: left;*/
    border: 0px solid #ddd;
    height: auto;
    width: auto;
    margin-right: 30px;/*width: 100%*/;
}

.about .commontext {
    margin: 0px 0 20px;
    line-height: 32px;
}
.about .commontext h4 span {
    color: #4b4874!important;
}
.about .commontext  span strong, .about .commontext  span  a, .about .commontext  span span{
    color: #4b4874!important;
    font-weight: bold!important;
}
.about .commontext h1 {
   font-size: 35px;
    color: #222;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: -1px;
    margin-bottom: 9px;
    line-height: 44px;
    line-height: 1.3;
}
.about li:before {
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 9px;
    position: relative;
    top: -2px;
    margin-right: 4px;
    background: #4b4874;
    border-radius: 50%;
    padding: 4px;
    color: #fff;
}
.QUtittle {
    font-size: 20px;
    background: #4b4874;
    padding: 7px 10px;
    color: #fff;
    border-radius: 4px;
    display: initial;
    margin-bottom: 20px;
}
.QUBlock {
    margin-bottom: 10px;
}
.about ul {
    margin: 0;
}
.about li p {
    float: left;
    display: contents;
}
@media only screen and (max-width: 480px){
.about .commontext {
    margin: 0px 0;
    line-height: 40px;
}
.about .commontext h1 {
   text-align: center;
    font-size: 22px;
}
.about .commontext h1 b {
  font-weight: 600;
}
.page-about {
    padding: 40px 0 50px;
    margin-top: 15px;
   
}
.blockbtn .btn.btn-default {
     font-size: 15px;
}
.table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
    font-size: 12px;
    line-height: 1.4;
}
.about .commontext li {
    font-size: 15px;
    line-height: 30px;
}
.about li:before {
    font-size: 8px;
  top: -4px;
    
}
.testmonialscode {
    float: left;
    width: 100%;
    padding: 0 40px;
}
}
@media only screen and (max-width: 1200px){
.home-body-search .elm_header_search_btn {
    display: block;
    width: 400px;
}
.search-icon i {
    margin-left: 337px;
    
}
}
@media only screen and (max-width: 1390px){
.dropdown.shopping {
    position: relative;
    left: 0px;
    margin-top: 7px;
}
}
@media only screen and (max-width: 851px){
.dropdown.shopping {
    position: relative;
    left: 22px;
    margin-top: 0px;
    top: 2px;
}
}
/*------------------------------about page-----------------------------*/
/*---------------productdisplay-----------------------*/



.product-display {
    float: left;
    width: 100%;
    background: #f6f6fd;
}
.product-card {
    margin-top: 0px;
    padding: 40px;
     float: left;
    width: 100%;
}

.main-product {
    width: 100%;
    margin: 0 0 30px 0;
    background: white;
    padding: 20px 20px;
    border-radius: 15px;
    box-shadow: 0 0 20px #4d4a4a36;
    position: relative;
    float: left;
    margin-bottom: 60px;
    z-index: 0000;
}
.main-product .carousel-item {
    float: left;
    width: 100%;
 height: 490px;
}
.main-product .carousel-item img {
    display: inline-block;
    vertical-align: top;
    max-width: 90%;
    max-height: 420px;
    margin:20px auto 20px;
   box-shadow: 0px 0px 15px #00000066;
}
.main-product .carousel-slide1 img {
    height: 100px;
    width: auto;
}

.main-product .carousel-control-next.main-sli, .carousel-control-prev.main-sli {
    position: absolute;
    top: 40%;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
    background:#3f3b79;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    padding: 8px;
    border: 2px solid #C8C8E1;display: none;
}
.main-product .carousel-slide1 [data-bs-target] {
     min-width: 77px!important;min-height: 110px!important;border: 0;background: transparent;
 
}
.main-product .carousel-indicators {
    position: relative;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 0;
    margin-bottom: 2rem;
    margin-left: 0;
    list-style: none;
    overflow-x: scroll;
    max-width: 100%;
    margin: auto; overflow-y:hidden;width: 85%;
}
.main-product .carousel-slide1 img {
   margin: 0px;
    padding: 5px;
    border: 2px solid #eee;
    cursor: pointer;
    transition: all 0.5s;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height: auto;
padding: 5px;
}


    .carouselx {
       width: 87%;
    min-height: 170px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior: contain;
    position: relative;
    margin-bottom: 25px;
    margin: 0 auto 25px;
 }
                                
 .carousel-containerx {
   display: flex; 
    }
                                
  .carousel-slide1 {
   min-width: 22.33%;
    height: 100%;
    scroll-snap-align: start;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: 0px solid #ccc;
    margin: auto;
    /*width: 33%;*/
                 
 }
   .modal-xl {
    max-width: 1920px;
    width: 100%;margin: 0;    margin: auto;

}  

.lightbox {
   background: #000!important;
}

 .pro-ins {
    padding: 1px 8px;
    font-size: 15px;
    color: #3f3b79;
    background-color: #f8f8ff;
    border-radius: 3px;
    text-align: center;
    border: 2px solid #8e8ac714;
    margin: 10px 50px;z-index: 99999;
    position: relative;
}
* {
  scrollbar-width: 7px;
  scrollbar-color: #efefef;
  scrollbar-background:#ddd;
}

*::-webkit-scrollbar {
    width: 7px;
}

   *::-webkit-scrollbar-track {
    background:transparent;border-radius: 30px;
}
*::-webkit-scrollbar {
    width: 7px;
    height: 9px;
}
    *::-webkit-scrollbar-thumb {
    background-color:#4b4874;
    border-radius: 30px;
    border: 0px solid transparent;
}

.product-details {
    width: 100%;
    margin: 0 0 30px 0;
    background: white;
    padding: 40px 30px 25px;
    border-radius: 15px;
    box-shadow: 0 0 20px #4d4a4a36;
    position: relative;
    float: left;
    margin-bottom: 60px;
}
.ps-lg-10 {
    padding-left: 4rem!important;
     padding-left: 2vw!important;
}
.pro-title  {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
    margin-top: 10px;
}
.pro-cate {
    color: #4b4874!important;
    background-color: #dbdae8;
    background-clip: padding-box;
    border: 1px solid #8f8db1a1;
    display: inline;
    padding: 3px 10px;
    margin-bottom: 39px;
    border-radius: 30px;
}
.itemno {
  padding: 5px 0 0px;
    min-height: 30px;
    float: left;
    width: 100%;
}
.itemlist ul li {
    list-style: none;
    padding: 0;
    line-height: 30px;
}
.itemlist ul  {
   padding: 0!important;
}
.itemlist ul li strong {
    width: 29%;
    float: left;
    font-weight: bold;
    font-size: 16px;
    color: #3f3b79;
}
.itemlist ul li span {
   /* float: left;
    width: 70%;*/
    font-size: 16px;
    color: #3d3d3d;
    line-height: 23px;
}
.artwork-instructions {
   
    padding: 7px 8px;
    font-size: 16px;
    color: #3f3b79;
    background-color: #e0e0f7;
    border-radius: 5px;
    text-align: left;
    border: 3px solid #8e8ac72e;
}
.artwork-instructions p{
    margin:0;
}
.artwork-instructions .bi.bi-file-earmark-image {
    margin-right: 5px;
}
.artwork-instructions img {
    margin-right: 15px;
    float: left;
}
.setupline a {
    float: left;
    margin-right: 10px;
}
.setupline {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
li.setupline i {
    color: #444;
}
.set_table th {
    color: #444;
}
.itemlist .setupline strong {
    width: 25%;
    float: left;
    font-weight: bold;
    font-size: 15px;
    color: #3f3b79;
}
.itemlist .setupline span b {
    
    width: 50%;
   font-size: 15px;
    color: #3d3d3d;
}
.thumbnail_userassets ul{
    list-style: none;
    justify-content: 
    center;
    display: flex;
    align-items: center;
    margin-top:10px;
    padding: 0;
}
.thumbnail_userassets ul li{
    margin: 5px;padding: 10px;border: 2px solid #eee;cursor: 

pointer;transition: all 0.5s;}
.thumbnail_userassets ul li:hover{border: 2px solid #000;}
.main_image{
    display: flex;justify-content: center;
    align-items: center;border-bottom: 1px solid #eee;width: 

100%;overflow: hidden;
}
.main_image img {
    border-radius: 25px;
    height: 580px;
}
.heart{
   background: #dedae9;
  text-align: center;
    color: #8375af;
    border-radius: 4px;
     height: 2.5vw;
     width:  2.5vw;
 display: flex;justify-content: center;align-items: center;
}

.add-to-wishlist {
    position: absolute;
    top: 12px;
    right: 20px;
}
.content p{font-size: 12px;}

/*--------------pricecal------------------*/

.pricecal {
   display: flex;
    width: 100%;
}
.pricecal ul {
    float: left;
    width: 100%;
    padding: 0;
}
.pricecal ul li {
    float: left;
    list-style: none;
}
.pricecal ul li strong {
    float: left;
    margin: 0px 5px 0px 0;
    font-size: 12px;
    line-height: 30px;
    color: white;
    background-color: #3f3b79;
    text-transform: uppercase;
    padding: 4px 10px;
    width: 210px;
    font-weight: normal;
    text-align: center;
    border-radius: 4px;
}
.pricecal ul li .form-group#qtymsg {
    position: absolute;
    font-size: 12px;
    width: 100%;
    margin: 40px 0 0 -25px;
    color: red !important;
    left: 0;
    padding: 0;
    text-align: center;
}
.pricecal ul li .treeDe.form-group {
    width: 100px;
    padding: 0 10px;
}
.pricecal ul li .iquHigt {
    float: left;
    height: 40px;
    width: 40px;
    text-align: center;
    background-color: #f0f1f1;
    border: 1px solid #e2e5e5;
    line-height: 33px;
}

.pricecal ul li .form-group.totalamt {
    width: 120px;
    padding: 0 10px;
}
.pricecal .form-control{
height: 40px!important;
}
/*--------------pricecal------------------*/


.Addcartbtn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0 20px;
}
.Addcartbtn .cartbtn {
    background-color: #3f3b79;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    padding: 16px 40px;
    text-transform: uppercase;
    width: 58%;
    border-radius: 60px;
    box-shadow: 1px 10px 0px -5px rgb(202 202 226);
    border:0;
}
.Addcartbtn .cartbtn:hover {
    background: #cacae2;
    box-shadow: 0px 10px 0px -6px #3f3b79;
    color: #111;
}
.Addcartbtn .cartbtn img {
    display: inline-block;
    margin: 0 10px 0 0;
    display: inline-block;
    margin: 0 10px 0 0;
    margin-top: -25px;
}
.Addcartbtn .cartbtn:hover img {
    filter: brightness(0.1);
}
.Addcartbtn .cartbtn span {
    display: inline-block;
    margin: 0;
    text-align: left;
    line-height: 1.2;
}



.proconatct-panal {
    float: left;
    width: 100%;
    background-color: #fff;
    margin-bottom: 0px;
}

.proconatct-panal ul {
    display: flex;
    justify-content: center;
}

.proconatct-panal ul li {
    float: left;
    border-radius: 8px;
    margin-right: 5px;
    min-width: 8%;
    text-align: center;
    line-height: 37px;
    margin-top: 5px;
    list-style: none;
}
.proconatct-panal ul li a {
    padding: 7px 8px;
    font-size: 24px;
    color: #3f3b79;
    background-color: #e0e0f7;
    border-radius: 50%;
    text-align: center;
    border: 3px solid #8e8ac72e;
}

.proconatct-panal ul li a:hover {
    background: #3f3b79;
    color: #fff;
}


.pro-details .btn-secondary {
    padding: 10px 10px;
    font-size: 13px;
    color: #3f3b79;
    background-color: #e0e0f7;
    border-radius: 5px;
    text-align: center;
    border: 3px solid #8e8ac72e;
    margin-right: 5px;
    font-weight: 600;
    float: left;
    width: 185px;
}


.pro-colors .btn-secondary {
    padding: 10px 10px;
    font-size: 13px;
    color: #3f3b79;
    background-color: #e0e0f7;
    border-radius: 5px;
    text-align: center;
    border: 3px solid #8e8ac72e;
    margin-right: 5px;
    font-weight: 600;
    float: left;
    width: 185px;
}
.pro-details .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    float: right;
    margin-top: -10px;
}


.buttons {
    float: left;
}
.btn.btn-danger {
    background: #dedae9;
    border: 1px solid #dedae9; 
}
.btn.btn-danger a {
   color: #695d90;

}
.quantity {
    float: left;
    width: 100%;
    background: #f4effc;
    border-radius: 4px;
}
.quantity  h4 {
    position: relative;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    float: left;
    top: 12px;
    left: 16px;
    font-weight: 500;
    color:#503A76;
}
.product-display .form-select {
    display: block;
    width: 20%;
    font-weight: 400;
    line-height: 1.5;
    color: #503A76;
    border: 1px solid #503A76;
    border-radius: 0.25rem;
    float: right;
    position: relative;
    top: 4px;
    right: 5px;
}

.heading-title {
    width: 20%;
    display: inline-block;
    color: #444;
    font-weight: 600;
}
.pro--value {
    font-weight: 500;
    color: #444;
}
.add-to-wishlist .btn.btn-danger {
    background: #4b4874;
    border: 1px solid #dedae9;
}
.add-to-wishlist .btn.btn-danger:hover {
    color: #4b4874;
    border: 1px solid #dedae9;
    background: #cacae2;
}
.hom {
    font-weight: 700;
}
.scate, .sscate {
    font-weight: 600;
}

.quaitable strong {
    font-weight: 500;
}


@media (max-width: 1024px){
.Addcartbtn .cartbtn {
    font-size: 16px;
  width: 75%;
   
}
 .carousel-slide1 {
   min-width: 33.33%;
    
  }               

.homeslider .pro-title h1 {
    font-size: 24px;
    color: #fff;
    text-transform: capitalize;
}
.contact1 a {
    font-size: 14px;
}

.decorationMethod label {
   font-size: 14px;
}
.category-discription {
   padding: 25px!important;
    
}
.category-discription h1 {
    font-size: 28px;
}
.cate-name h2 a {
    font-size: 15px;
    line-height: 20px;
}
.itemno a {
    font-size: 14px;
    
}
.logining img {
    height: 545px;
}
}
@media (max-width: 768px){
.product-card {
  padding: 30px 20px;
}

}
@media (max-width: 480px){
.product-card {
    padding: 15px;
    
}
.main-product .carousel-indicators {
    margin-bottom: 0rem;
}
.main-product .carousel-item img {
  height: auto;
}
.main-product .carousel-item {
   
    height:auto;
}
.product-display {
   margin-top: 10px;
}
.product-display .container {
    width: 100%!important;
    margin: 20px 0!important;
}
.pro-title {
    font-size: 20px;
     line-height: 30px;
}
.itemlist ul li span {
   font-size: 15px;
   width: 100%;
   
}
.itemlist ul li strong {
   font-size: 15px; 
   width: 100%; 
}
.itemno {
   
    line-height: 1;
}

.itemlist .setupline span b {
   width: 21%;
    
}
.Butten.seedetail {
    float: left;
    width: 100%;
    margin-bottom: 22px;
}
.Butten.seedetail a {
   font-weight: 600;
    font-size: 13px;
    text-decoration: underline;
    padding: 8px 20px;
    box-shadow: 1px 9px 0px -5px rgb(202 202 226);
}
.product-details {
   margin: 0 0 30px 0;
     padding: 30px 25px!important;
    
}
.page-start {
    padding: 15px 0 10px!important;
    margin-top: 15px;
}
.page-Contant {
    padding: 10px 0 25px!important;
}
.order-check ul li {
    position: relative;
    line-height: 2.5;
}
.order-check .number-list strong {
    padding: 8px 12px!important;
    font-size: 16px!important;
    border: 3px solid #8e8ac72e!important;
}
.order-check li.active .number-list strong {
   border: 3px solid #e5e4ff5e!important;
    font-size: 16px!important;
    padding: 8px 12px!important;
    
}
.pro-config .container {
    padding: 5px 0 20px!important;
}
.main-product {
 margin-bottom: 40px;
}
.pro-cate {
    font-size: 14px;
}
.order-check .number-list {
   margin-bottom: -8px!important;
   
}
.order-check .number-list strong {
    font-size: 16px;
   
}
.order-check .name-ist {
    font-size: 15px;
}
.order-check ul li::before {
   top: 22px!important;
   display: none;
   
}
.pro-config h2 {
    font-size: 20px!important;
    line-height: 32px!important;
    padding: 0 5px;
}
.set_table {
    float: left;
    font-size: 11px!important;
}
.priceEqual ul li strong {
    width: 170px!important;
   
}
.decorationMethod label {
    font-size: 15px;
    width: 100%!important;
}
.decorationMethod select {
    width: 100%!important;
}
.decorationMethod .btn-secondary{
    width: 100%!important;
}
.Addcartbtn .cartbtn {
    font-size: 16px;
    width: 100%;
}
.Addcartbtn .cartbtn img {
    margin: 0 14px 0 0;
    margin-top: -22px;
    width: 16%;
}
.proconatct-panal ul li a {
    padding: 6px 7px;
    font-size: 20px;
    
}
.proconatct-panal ul li {
    margin-right: 10px;
   
}
.product-card {
   padding: 20px 15px;
}
.subMenuLink {
    padding: 0 10px;
}
.decorationMethod select  {
   
    width: 100%;
}
.decorationMethod .btn-secondary{
  width: 100%;   
}
.decorationMethod label {
    width: 100%;
}
.TabParoduct .nav-tabs .nav-link.active, .TabParoduct .nav-tabs .nav-link {
   font-size: 14px!important;
    padding: 3px 7px!important;
   
}
.TabParoduct .nav-item {
    margin: 0;
    padding: 0;
}
.TabParoduct {
    padding: 20px 20px!important;
}
.TabParoduct .details, .TabParoduct .tabdescription {
    width: 100%!important;
    
}
.details .Deta_left {
   font-size: 14px;
}
}
/*---------------productdisplay-----------------------*/

/*-----------------product-tab---------------------*/
.product-tab .card {
    padding: 20px 20px 15px;
    border: 0;
    border-radius: 20px;
}
.product-tab .card-header {
   background:#fff;
   
}
.product-tab .course-display {
    margin: 0px;
}
.product-tab .instru-disc {
   flex: 0 0 auto;
    width: 12%;
}
.product-tab .avatarimg {
    margin-right: 0;
    border-radius: 50%;
    width: 70px;
    height: 70px;
}
.avatarimg {
    width:100%!important;
    border-radius: 10px;
    margin-right: 30px;
    height: 180px;
}

.bi.bi-check-circle-fill {
    margin-right: 7px;
    color: #48bd48;
}

.intro:hover .btn {
    background: #333;
    cursor: pointer;
}


.product-tab h5 {
   font-weight: 600;
    color: #333;
    line-height: 1;
    font-size: 15px;
    letter-spacing: 0;
}

.product-tab h3 {
    border: 0;
    font-size: 20px;
    font-weight: 800;
    font-family: 'Nunito', sans-serif;
    letter-spacing: -1px;
    margin-bottom: 3px;
}
.product-tab .fa.fa-play {
    color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #222;
    background-color: transparent;
    font-size: 15px;
     font-weight: 700;
}
.nav-pills .nav-link {
    color: #999;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    background: transparent;
}
.product-tab .card-body {
    flex: 1 1 auto;
    padding: 0rem 20px;
}
.product-tab .fa {
   font-size: 16px;
   margin-right:0px;
}
.product-tab p {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    margin: 0;
}

.product-tab ul {
    padding: 0;
    list-style: none;
}
.product-tab li {
  line-height: 30px;
    font-size: 15px;
    color: #777;
    font-weight: 500;
}
.product-tab .bi.bi-star {
    color: #f19942;
    font-size: 18px;
}
.product-tab .list-group-item a {
    color: #555;
    text-decoration: none;
}
.product-tab .list-group-item {
    border: none !important;
    padding: 0.425rem 0;
    font-size: 14px;
}
.product-tab .bi.bi-book {
    color: #16a755;
    font-size: 18px;
}
.product-tab .bi.bi-people {
    color: blueviolet;
    font-size: 18px;
}
.btn-insta {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color: #fff;
    padding: 1px 8px;
    border-radius: 4px;
}
.btn-insta:hover {
    opacity: .8;
    color: #fff;
}
.btn-fb {
    color: #fff;
    background-color: #3b5998 !important;
    padding: 1px 10px;
    border-radius: 4px;
}
.btn-fb:hover {
    opacity: .8;
    color: #fff;
}
.btn-tw {
    color: #fff;
    background-color: #55acee !important;
    padding: 1px 7px;
    border-radius: 4px;
}
.btn-tw:hover {
    opacity: .8;
    color: #fff;
}
.priceStrike{
font-weight: 600;
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-thickness: 1px;
  }
  .socialicon .list-inline-item {
    background: transparent!important;
    padding: 0px 0px!important;
}
.abcourse .list-inline-item {
    background: transparent!important;
}
 i.bi.bi-bank2 {
    color: #393edf;
    background: #e8ebfb;
   padding: 4px 7px;
    border-radius: 4px;
}
i.bi.bi-person-fill {
    color: #3ba573;
    background: #e8fbf0;
    padding: 4px 7px;
    border-radius: 4px;
}
i.bi.bi-alarm-fill {
    color: #f3274d;
    background: #ffe6e6;
    padding: 4px 7px;
    border-radius: 4px;
}
i.bi.bi-shield-shaded {
    color: #f58a6a;
    background: #ffede5;
    padding: 4px 7px;
    border-radius: 4px;
}
.product-tab .fa.fa-clock-o {
     font-size: 17px;
    color: #f3274d;
    background: #ffe6e6;
    padding: 5px;
    border-radius: 4px;
}
i.bi.bi-clock-fill {
    color: #4d45b5;
}
i.bi.bi-calculator-fill {
    color: #ef5050;
}
i.bi.bi-collection-play-fill {
    color: #45af56;
}
i.bi.bi-bar-chart-line-fill {
    color: #407ff1;
}
i.bi.bi-lock-fill {
    color: #eb3131;
    font-size: 15px;
}
i.bi.bi-unlock-fill {
    color: #eb3131;
    font-size: 15px;
}
  .subMenuLink {
    padding: 0 50px;
}
/*------------------------------product-

display--------------------------------*/
/*==============================TabParoduct 

accordion==============================*/

.TabParoduct .details {
    float: left;
    width: 45%;
    margin-right: 2%;
    display: inline-block;
    font-size: 15px;
    padding: 5px 0;
    line-height: 30px;

}
.TabParoduct .tabdescription {
   display: inline-block;
    width: 50%;
    font-size: 15px;
    padding: 5px 0;
    line-height: 30px;
}
.TabParoduct  ul  {
  padding: 0;
}
.TabParoduct  ul li {
   line-height: 2;
    padding: 5px 10px 5px 0;
    border-bottom: 0px solid #cacece;
    margin: 0 0 15px;
  
}
ul.Item_Color_ul li img {
    float: right;
    width: 50px;
    height: 30px;
    border: 3px solid #daddf1b3;
}
ul.Item_Color_ul li  {
   margin: 0 0 0px!important;
}
.TabParoduct .Ditail_disTab .preText ul li:before {
    content: "\f0a9";
    line-height: 31px;
    list-style: none;
    font-size: 15px;
    font-weight: 600;
    font-family: FontAwesome;
    float: left;
    padding-right: 10px;
    color: #3f3b79;
}
.TabParoduct .Ditail_disTab .preText ul li {
    padding: inherit;
    border: none;
    margin-left: 0px;
}
/*.TabParoduct .nav-tabs .nav-link.active {
    font-weight: 700!important;
    background-color: #3f3b79!important;
    color: #ffffff!important;
    display: inline-block!important;
    font-size: 18px!important;
    padding: 10px 40px!important;
    border: 0!important;
}*/

.TabParoduct .nav-tabs .nav-link.active {
    color: #fbfbfb!important;
    background-color: #3F3B79!important;
  font-size: 18px;
    padding: 10px 25px!important;
    border-radius: 5px!important;
    border: 3px solid #e5e4ff5e!important;
    font-weight: 700!important;
}
.TabParoduct .nav-tabs .nav-link {
    color: #222;
    background-color: #fff;
    border-color: transparent;
    font-weight: 700;
    font-size: 18px;
   padding: 10px 25px;border:3px solid transparent;
}
.details .card-header {
   padding: 10px 8px;
    font-size: 13px;
    color: #3f3b79;
    background-color: #f5f5f5;
    border-radius: 5px;
    text-align: left;
    border: 3px solid #d6d6d72e;
    font-weight: 600;
}
.details .card-header a {
  color: #3f3b79;  
}
.details .card-header  h5 {
    color: #3f3b79;
    font-size: 15px;
}
.details .accordion {
    margin-bottom: 10px;
}
.details .fa:active {
    color: #3f3b79;
}
.details .Deta_left {
    float: left;
    width: 100%;
    color: #5f57cb;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
}
.details .Deta_right {
   font-size: 16px;
    float: left;
    width: 100%;
    padding: 0px 10px 5px 0px;
    border-bottom: 1px solid #838585;
    margin: 0px 0 10px;
}
.details .accordion .card {
    float: left;
    margin-right: 10px;
    width: 100%;
    margin-bottom: 10px;border: 0;

}
.accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}
font {
    color:#4b4874;
}
.bottom-tab {
    margin: 0 auto 20px;
    width: 80%;
    background: #b0b0bd1a;
    padding: 40px;
    border-radius: 20px;
}
.bottom-tab h2 {
    margin-bottom: 25px;
}
.TabParoduct .AllButn_Detail a {
    float: left;
    font-size: 12px;
    color: #3f3b79;
    background-color: #d5d5e959;
    border-radius: 5px;
    border: 1px solid #3f3b79;
    padding: 5px;
    margin: 0 10px 10px 0;
    width: 190px;
    min-height: 40px;
    position: relative;
    text-align: left;
    font-weight: 600;
}

.Imprint_Color_ul, .shape_ul {
    overflow: scroll;
    height: 300px;
}
.TabParoduct .AllButn_Detail a img {
    float: left;
    margin: 1px 5px 0 0;
}
.pro-details .btn-secondary {
   padding: 10px 8px;
    font-size: 14px;
    color: #666;
    background-color: transparent;
    border-radius: 5px;
    text-align: left;
    border: 2px solid #ebebeb;
    margin-right: 5px;
    font-weight: 500;
    float: left;
}
.pro-colors .btn-secondary {
  padding: 10px 8px;
    font-size: 13px;
    color: #3f3b79;
    background-color: #f5f5f5;
    border-radius: 5px;
    text-align: left;
    border: 3px solid #d6d6d72e;
    margin-right: 5px;
    font-weight: 600;
    float: left;
    float: right;
    width: 40%;
}
.pro-colors .dropdown-toggle::after {
    display: inline-block;
    margin-left: 2.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0em solid;
    border-right: 0em solid transparent;
    border-bottom: 0;
    border-left: 0em solid transparent;
}
.pro-colors .dropdown-menu {
    border-top: 0px solid #3f3b79;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
    padding: 0;
    width: 184px;
    border: 0;
    margin-top: -3px!important;
    z-index: 2;
}

.decorationMethod  {
    line-height: 2;
}
.decorationMethod label {
    float: left;
    width: 60%;
    font-weight: 500;
}
.decorationMethod select {
    float: left;
    width: 40%;
}
.decorationMethod select {
    float: left;
    width: 40%;
    padding: 9px 20px 10px 10px;
    font-size: 15px;
    color: #3f3b79;
    background-color: #f5f5f5;
    border-radius: 5px;
    text-align: left;
    border: 3px solid #d6d6d72e;
    font-weight: 600;
    margin-bottom: 15px;
    height: 50px!important;
}
.decorationMethod .form-control {
    float: left;
    width: 40%;
    padding: 10px 8px;
    font-size: 15px;
    color: #3f3b79!important;
    background-color: #f5f5f5;
    border-radius: 5px;
    text-align: left;
    border: 3px solid #d6d6d72e;
    font-weight: 600;
    margin-bottom: 15px;
    height: 50px!important;
}
.decorationMethod .btn-secondary{
    float: left;
    width: 40%;
    padding: 10px 8px;
    font-size: 15px;
    color: #3f3b79;
    background-color: #f5f5f5;
    border-radius: 5px;
    text-align: left;
    border: 3px solid #d6d6d72e;
    font-weight: 600;
    margin-bottom: 15px;
    margin-right: 0!important;
    height: 50px!important;
}
.decorationMethod .dropdown-menu {
    border-top: 0px solid #3f3b79;
    border-radius: 4px!important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);
    padding: 0;
    width: 290px;
    border: 0;
    margin-top: -3px!important;
    z-index: 2;
}
.decoration-adjustlength {
    padding: 7px;
    overflow-y: hidden!important;
    height: auto!important;
    margin: 0;
}
.decorationMethod .dropdown-menu.show {
   display: block!important;
}
.decorationMethod ::placeholder{
    color: #3f3b79!important;
    font-size: 15px;
    }
input:-internal-autofill-selected {
    color: #3f3b79!important;
}
.form-control:focus {
   
    box-shadow: none!important;
}
.decoration-imprints {
   padding: 7px;
    overflow-y: scroll;
    height: 400px;
    margin: 0;
}
/*.input-style {
  color: #3f3b79!important;
}

.input-style::placeholder {
  color: #3f3b79!important;
}

.input-style:focus {
  outline: none;
  color: #3f3b79!important;
}*/
.decoration-imprints li {
    cursor: pointer;
    font-size: 14.5px;
    color: #666;
}
.decoration-imprints li img {
    float: right;
    /*border-radius: 50%;*/
    width: 30px;
    height: 30px;
    border: 3px solid #daddf1b3;
}

.decoration-generic {
    float: left;
}


.decorationMethod .dropdown-toggle::after {
   display: none;
}
.caret-arti i {
    font-size: 12px;
    color: #333;
    position: absolute;
    right: 31px;
    background: whitesmoke;
    width: 27px;
    height: 47px;
    margin-top: -12px;
}
.caret-arti .bi-caret-down-fill::before {
    content: "\f229";
    top: 17px;
    position: relative;
    left: 7px;
}
.Imprint_Color_ul {
    padding: 7px;
    overflow-y: scroll;
    height: 400px;
}
.Imprint_Color_ul li img {
   float: right;
    width: 50px;
    height: 50px;
    border: 3px solid #daddf1b3;
}
.Imprint_Color_ul li {
   margin-bottom: 0px!important;
}
.item-big-shape {
   border-radius: 5px!important;
    width: 60px!important;
    height: 60px!important;
    border: 2px solid #daddf1b3!important;
    float: right
}
.Imprint_Color_ul_shape li {
  float: left;
    width: 100%;
    text-align: left;
    line-height: 24px;
    font-size: 14px;
}
.Imprint_Color_ul_shape {
    margin-top: 10px;
    overflow-y: scroll;height: 200px;
}

.Imprint_Color_ul li {
    cursor: pointer;
    font-size: 14.5px;
    color: #666;
    margin-bottom: 3px; display: flow-root;
}
span.caret-arti {
    float: right;
}
.Deta_left {
    float: left;
    width: 100%;
    color: #5f57cb;
    font-size: 16px;
    font-weight: bold;
}
.preText u {
    float: left;
    width: 100%;
    color: #5f57cb;
    font-size: 16px;
    font-weight: bold;
}


select {
  appearance: none; 
  -webkit-appearance: none; 
  -moz-appearance: none; 

  padding-right: 20px; 
  background: url("../userassets/caretdown.png") no-repeat right center; 
  background-size: 13px; 
}
select::after {
    content: "\f229";
    font-family: bootstrap-icons!important;
    font-size: 20px;
    display: block;
}

select::-ms-expand {
  display: none; 
}

.row.print-header img {
    width: 100%;
}
.print-logo{
  margin: 25px 0px 25px;
    text-align: center;
    padding: 5px;
    width: 100%;
    display:block;
}
.print-logo p {
    margin-top: 10px;
    font-size: 20px;
    line-height: 20px;
}
#selectpanel1 {
    float: left;
}

.TabParoduct {
    width: 100%;
    margin: 0 0 30px 0;
    background: white;
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0 0 20px #4d4a4a36;
    position: relative;
    float: left;
    margin-bottom: 60px;
    font-family: 'Roboto Condensed', sans-serif;
}


.TabParoduct .accordion-button:last-of-type {
    border-bottom: 1px solid #ccc;
}

.TabParoduct .accordion-button {
   align-items: center;
    background: #fff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    height: 80px;
    color: #222;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
}

.shape_ul li {
    float: left;
    width: 50%;
}
.Item_Color_ul {
    padding: 7px;
    overflow-y: scroll;
    height: 400px;
    margin: 0;
}
/*==============================TabParoduct accordion==============================*/
/*==============================sample==============================*/
.section-sample {
    background: #f6f6fd;
    float: left;
    width: 100%;
    padding-bottom: 30px;
}
.sampleleft {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px #2d2c2c3d;
    padding: 30px;
    width: 48%;
    margin-right: 20px;
}
.sampleright{
  background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px #2d2c2c3d;
    padding: 30px;  
}
.sample-start {
    float: left;
    width: 100%;
    padding: 40px;
}
.sampleheading {
    margin-bottom: 50px;
}
.sampleheading  h3 {
    width: 60%;
    font-size: 18px;
    margin: auto;
    line-height: 30px;
}
.sampleheader h3 {
   font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
}
.sampleheader h5 {
    color: #4B4874;
    font-weight: 800;
     text-align: center;
}
.sampleheader p {
    line-height: 40px;
}
 .sampleheader figure {
   
    text-align: center;
}
.sampleheader img {
    height: 300px;
    width: auto;
    max-width: 100%;
    margin-left: -15px;
}
.samplebtn {
    text-align: center;
}
.samplebtn .btn.btn-default {
    border-radius: 30px;
    padding: 7px 35px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
}
.samplebtn .btn.btn-default:hover {
    background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111;
}
/*==============================sample==============================*/
/*==============================priceform==============================*/
.priceEqual {
    float: left;
    width: 100%;
}
.priceEqual ul {
    float: left;
    width: 100%;
    padding: 0;
}
.priceEqual ul li {
    float: left;
    list-style: none;
}
.priceEqual ul li strong {
    float: left;
    margin: 0px 5px 0px 0;
    font-size: 12px;
    line-height: 30px;
    color: white;
    background-color: #3f3b79;
    text-transform: uppercase;
    padding: 4px 10px;
    width: 210px;
    font-weight: normal;
    text-align: center;
    border-radius: 4px;
}
.priceEqual ul li .form-group#qtymsg {
    position: absolute;
    font-size: 12px;
    width: 100%;
    margin: 40px 0 0 -25px;
    color: red !important;
    left: 0;
    padding: 0;
    text-align: center;
}
.priceEqual ul li .treeDe.form-group {
    width: 90px;
}
.priceEqual ul li .form-group.totalamt {
    width: 120px;
}
.priceEqual ul li .form-group {
    width: 100px;
    padding: 0 10px;
}
.priceEqual ul li .IquHigt {
    float: left;
    height: 40px;
    width: 40px;
    text-align: center;
    background-color: #f0f1f1;
    border: 1px solid #e2e5e5;
    line-height: 33px;
}
.priceEqual .form-control {
    height: 40px!important;
}
.iquHigt {
    line-height: 2.2;
    color: #666;
}

.seedetail a {
    background-color: #3f3b79;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 22px;
    text-transform: capitalize;
    width: 58%;
    border-radius: 60px;
    box-shadow: 1px 10px 0px -5px rgb(202 202 226);
    border: 0;
}
.seedetail {
    margin-bottom: 22px;
    float: right;
}
.seedetail a:hover {
    background: #cacae2;
    box-shadow: 0px 10px 0px -6px #3f3b79;
    color: #111;
}
.quaitable {
    float: left;
    width: 100%;
}
.category-discription2 p {
    text-align: center;
   padding: 0;
    margin: 0;
    width: 100%;
}

.category-discription2 h2 {
    text-align: center;
     font-size: 20px;
}
.div-nodiv .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fbfbfb!important;
    background-color: #3F3B79!important;
    border-color: transparent;
    padding: 0.1rem 1rem!important;
    font-size: 16px;
    border-radius: 5px!important;
    border: 3px solid #e5e4ff5e!important;
    font-weight: 500!important;
}
.div-nodiv .nav-tabs .nav-link {
    background: 0 0;
    color: #3f3b79;
    background-color: #e0e0f7;
    border-radius: 5px;
    text-align: center;
    border: 3px solid #8e8ac72e;
    padding: 0.2rem 1rem;
    font-weight: 600;
}
.div-nodiv .nav-tabs .nav-link:hover {
    color: #fbfbfb!important;
    background-color: #3F3B79!important;
}

.div-nodiv  .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    margin-bottom: 10px;
}
.div-nodiv li.nav-item {
    margin-right: 10px;
}

.div-nodiv {
    width: 100%;
    margin: 15px;
}
.highlightconfig {
   background: #347ae7;
    padding: 0 10px;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    margin-bottom: 10px;
    font-size: 13px;
}
/*==============================pro-config==============================*/

.order-check {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #cecfcf;
  
}
.order-check .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: center;
}
.order-check ul li {
    float: left;
    padding: 0 40px;
    position: relative;
}
.order-check li.active .number-list strong {
    background: #3f3b79;
    color: #fff;
    border: 4px solid #e5e4ff5e;
    font-size: 20px;
    padding: 10px 15px;
    line-height: 1;
    line-height: 1.5;
}
.order-check ul li::before {
    border-top: 2px solid #d2d0e3;
    content: " ";
    left: 0;
    position: absolute;
    width: 100%;
    top: 14px;
    z-index: 0;
}
.order-check  .name-ist {
    color: #222;
}
.order-check  .number-list {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    z-index: 0;
}
.order-check .number-list strong {
    padding: 10px 15px;
    font-size: 20px;
    color: #3f3b79;
    background-color: #e0e0f7;
    border-radius: 50%;
    text-align: center;
    border: 4px solid #8e8ac72e;
}
.order-check .name-list {
    float: left;
    width: 100%;
    text-transform: capitalize;
    font-size: 20px;
    color: #222;
}

.page-Contant {
    padding: 10px 0 60px;
}
.pro-config {
    float: left;
    width: 100%;
    background: #f6f6fd;
}

.pro-config h2 {
    font-size: 25px;
    line-height: 40px;
    font-weight: 700;
    color: #3f3b79;
}
.accordion-button::after {
    content: "\f282";
    font-family: 'bootstrap-icons';
    background-image:none!important;
    font-size: 17px;
    background: transparent!important;
    padding: 11px 0px;
    line-height: 0;
    text-align: center;
    display: block;
    border-radius: 50%;
    color: #222;
    /*width: 2.5%;*/
}

.accordion-button:not(.collapsed)::after {
   content: "\f282";
    font-family: 'bootstrap-icons';
    transform: rotate(-180deg);
    background-image:none!important;
    font-size: 17px;
   background: transparent!important;
    padding: 11px 0px;
    line-height: 0;
    text-align: center;
    display: block;
    border-radius: 50%;
    color: #222;
   /* width: 2.5%;*/
}
.accordion-body {
    padding: 0;
}
.accordion-config .card {
    background-color: #fff;
    border: none;
    margin-bottom: 10px;
   padding: 20px 30px;
    border-radius: 20px;
    box-shadow: 0 0 20px #4d4a4a36;
    font-size: 14px;
    line-height: 2;
}
.accordion-config  .accordion-button {
    color: #3f3b79;
    background-color: transparent;
    box-shadow: none;
    font-size: 25px;
    font-weight: 700;
    padding: 0;
   
}
.accordion-config .accordion-button:not(.collapsed) {
    color: #3f3b79;
    background-color: transparent;
    box-shadow: none;
    font-size: 25px;
    font-weight: 700;
    padding: 0;
}
.accordion-config h2 {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px 20px;
    color: #3f3b79; 
}
.accordion-config h3 {
   padding: 10px 10px 22px;
    color: #3f3b79;
    background-color: transparent;
    box-shadow: none;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
}
.config-des {
    margin: 12px;
    line-height: 32px;
}
.accordion-config .bi.bi-info-circle-fill {
    float: left;
    position: absolute;
    left: 36px;
    margin-top: 16px;
}
.accordion-config .form-control {
     width: 93%!important;
    position: relative!important;
    left: 36px!important;
}
.form-control2 {
    width: 100%!important;
    position: relative!important;
    left: 0px!important;
    padding: 1rem 0.75rem;
    font-size: 15px;
    line-height: 2.5;
    border-color: #f3f6f9;
    color: #777;
    border: 2px solid #ebebeb;
    box-shadow: none;
    border-radius: 0.25em;
    background: white;
    transition: all .2s linear;
    margin-bottom: 10px;
}
.form-control3 {
    width: 96%!important;
    position: relative!important;
    left: 10px!important;
    padding: 1rem 0.75rem;
    font-size: 15px;
   border-color: #f3f6f9;
    color: #777;
    border: 2px solid #ebebeb;
    box-shadow: none;
    border-radius: 0.25em;
   height: 60px;
    transition: all .2s linear;
    margin-bottom: 15px;
   
}
.config-help h4 {
    font-size: 16px;
    color: #222;
    font-weight: 600;
}
.config-help {
  padding: 12px;
    line-height: 30px;
    float: left;
    width: 100%;
}
.artbrief {
    float: left;
    width: 100%;
    margin-top: 4px;
    color: #000;
    background-color: #fff;
    padding: 10px 15px;
    border: 2px solid #ebebeb;
    font-weight: 500;
    border-radius: 0.25em;
    line-height: 27px;
}
.contbtn {
    float: right;
}
.contbtn  .btn.btn-default {
    border-radius: 30px;
    padding: 7px 55px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
    float: right;
}
.contbtn  input {
    border-radius: 30px;
    padding: 7px 55px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
    float: right;
}
.config-help h4 .bi.bi-info-circle-fill {
    float: right!important;
    margin-top: 1px;
    position: relative;
    left: -6px;
}
.form-group.pack {
    width: 99%;
    margin: 25px 0px 0 0px;
}
.packagingnote {
    background-color: #f5f5f5;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 12px;
    display: inline-block;
}
.control_outer {
    width: 102%;
}
.accordion-body.ordersum {
    padding: 15px 10px!important;
}
.chekouttbtn {
    display: block;
    text-align: center;
    margin: 20px 0 0;
}
.chekouttbtn  .btn.btn-default {
    border-radius: 30px;
    padding: 7px 35px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
}
.chekouttbtn  .btn.btn-default:hover {
   background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111; 
}
.subtotal a {
    color: #777;
    text-decoration: underline;
    font-weight: 400;
    font-size: 15px;
}
.pro-imprint {
    background-color: #f5f5f5;
    padding: 13px 20px;
    border-radius: 8px;
    float: left;
    width: 100%;
}
.table>thead {
    vertical-align: bottom;
    background-color: #f5f5f5;
}
.pro-imprint h5 {
    margin-bottom: 12px;
}
.pro-imprint ul, .pro-imprint p {
  background-color: #fff;
    padding: 10px;
     border-radius: 10px;
     margin: 0;
}
ul {
    list-style: none;
    padding: 0;
}
.pro-instruct {
    padding: 12px 10px 0;
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    margin: 10px 0 10px;
    border-radius: 5px;
}
.pro-instruct h6 {
    margin-bottom: 0px;
}
.DicDec {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.pro-instruct p {
    margin-bottom: 10px;
}
td.proimg img {
float: left;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #ddd;
    margin-bottom: 25px;
}
.fulldetail {
    float: left;
    width: 100%;
    margin: 30px 0;
}
.fullbtn {
    width: 100%;
    float: right;
}
.fullbtn .btn.btn-default{
border-radius: 30px;
    padding: 7px 40px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
     float: right;
    }
  .fullbtn .btn.btn-default:hover {
   background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111; 
} 
 .table-hover>tbody>tr:hover {
/*     --bs-table-accent-bg: #e1e1e133; */
    color: var(--bs-table-hover-color);
}
.contactdetail .card {
    background-color: #fff;
    border: none;
    margin-bottom: 10px;
    padding: 20px 20px;
    border-radius: 20px;
    box-shadow: 0 0 20px #4d4a4a36;
    font-size: 14px;
    line-height: 2;
}
.contact1 i {
    padding: 5px 5px;
    font-size: 16px;
    color: #3f3b79;
    background-color: #e0e0f7;
    border-radius: 50%;
    text-align: center;
    border: 3px solid #8e8ac72e;
    margin-right: 8px;
    display: flex;
    float: left;
}
.contact1 {
    padding: 0 7px;
   
}
.contact1 h6 {
    font-size: 20px;
    padding: 0;
    margin: 0;
}
.artworkdes p {
    padding: 0;
    margin: 0;
}


.person-address .card {
    background-color: #fff;
    border: none;
    margin-bottom: 10px;
    padding: 20px 30px 40px;
    border-radius: 20px;
    box-shadow: 0 0 20px #4d4a4a36;
    font-size: 14px;
    line-height: 2;
}
.person-address  h3 {
   padding: 10px 10px 22px;
    color: #3f3b79;
    background-color: transparent;
    box-shadow: none;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
}
.needhelp {
    background-color: #fff;
    border: none;
    margin-bottom: 10px;
    padding: 20px 30px;
    border-radius: 20px;
    box-shadow: 0 0 20px #4d4a4a36;
    font-size: 14px;
    line-height: 2;
}
.needhelp .card-header {
    background-color: transparent;
    
}
.needhelp .accordion-button:not(.collapsed) {
    color: #222;
    background-color: #c7c2c200;
    box-shadow: none;
    padding: 0px;
}
.needhelp .accordion-button {
    color: #222;
    background-color: #c7c2c200;
    box-shadow: none;
    padding: 0px;
}
.needhelp .acco-help {
    padding: 15px 10px;
}
.needhelp h6 {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    font-size: 16px;
}
.needhelp .accordion-body {
    padding: 0;
    background-color: #f5f5f5;
    padding: 7px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.faq-link {
    text-decoration: underline;
    color: #5564b2;
}
.contact1 a {
    font-size: 15px;
}
.fa.fa-arrow-circle-right {
    font-size: 14px;
    margin-right: 5px;
    color: #3f3b79;
}
.edited-icon {
    float: left;
    position: absolute;
   top: 225px;
    left: 75px;
}

.chekouttbtn input[type="submit"] {
    border-radius: 30px;
    padding: 7px 40px;
    background: #4b4874;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    text-transform: capitalize;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
}

.chekouttbtn input[type="submit"]:hover {

background: #cacae2;
    box-shadow: 0px 10px 0px -6px #4b4874;
    color: #111;
}

li.configurator-li img {
    margin: 0px 10px 0;
    min-width: 57px;
    height: 50px;
    width: 57px;
}
li.configurator-li {
    line-height: 36px;
    float: left;
    text-align: center;
    font-size: 13px;
    min-width: 100px;
}
.inv-product-display-color {
    min-width: 100px;
    width: 50px;
}
p.uppertitle {
   margin: 0 0 5px;
    line-height: 16px;
}
@media only screen and (max-width: 1200px){
.order-check ul li {
    padding: 0px 15px;
    
} 
 .div-nodiv {
   margin: 15px 0;
}
.div-nodiv li.nav-item {
    margin-right: 5px;
    margin-bottom: 6px;
}

}
@media only screen and (max-width: 1024px){
.subtotal h5 {
    font-size: 17px;
}
.totalp h5 {
    font-size: 18px;
    color: #666;
}
.chekouttbtn .btn.btn-default {
   padding: 7px 25px;
     font-size: 16px;
   
}
.contact1 {
    padding: 0 3px;
  
}
.contactdetail .card {
    padding: 20px 7px;
}
.contactdetail .card {
  font-size: 14px;
    
}
.contact1 h6 {
    font-size: 14px;
    font-weight: 600;
  
}
.contact1 i {
    padding: 5px 5px;
    font-size: 14px;
    }
.accordion-config .card {
    padding: 15px 20px;
}
.accordion-config .accordion-button:not(.collapsed), .accordion-config .accordion-button {
    font-size: 22px;
   
}
.accordion-config h3 {
    padding: 10px 10px 15px;
     font-size: 22px;
    
}
.accordion-config h2 {
    padding: 5px 10px 10px;

}
.searchleft{
    width: 25%;
}
.searchright{
    width: 75%;
}
.edited-icon {
   
    top: 236px;
    left: 62px;
}
.needhelp {
    padding: 10px 18px;
    
}
.needhelp h6 {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 28px;
}
}
@media only screen and (max-width: 768px){
.TabParoduct .nav-tabs .nav-link {
   font-size: 17px;
    padding: 10px 15px;
}
.contact1 h6 {
    font-size: 18px;
    font-weight: 600;
     padding: 0 10px;
}
.contact1 i {
    padding: 5px 5px;
    font-size: 20px;
    position: relative;
    top: -5px;
}
.about .commontext h1 {
    font-size: 26px;
    margin-left: 31px;
}
.big_artText.aos-init.aos-animate h2 {
    font-size: 23px;
}
.aos-init li {
   width: 50%;
   
}

}
@media only screen and (max-width: 480px){
span.proname {
    float: left;
    margin-top: 16px;
}
.big_art_img {
    width: 100%;
    margin-bottom: 15px;
}
.big_artText.aos-init.aos-animate {
   
    width: 100%;
}
.about .commontext h1 {
    font-size: 26px;
    margin-left: 0;
}
.about {
    width: 100%; padding: 25px 20px 35px;
}


.contbtn .btn.btn-default {
  padding: 7px 36px;
     font-size: 16px;
    
}
.ArticalText {
    background: transparent;
    padding: 0 0 21px 0;
}
.Set2Cat {
   
    padding: 30px 30px 25px;
     box-shadow: none;
}
.pro-imprint h5 {
    margin-bottom: 12px;
    font-size: 15px;
}
.fullbtn .btn.btn-default {
   padding: 7px 18px;
  font-size: 14px;
   
}
.aos-init li {
    width: 100%;
}
.contact1 i {
    padding: 7px 7px;
    font-size: 16px;
    display: block;
  
}
.contact1 h6 {
    font-size: 16px;
    font-weight: 600;
    padding: 0 5px;
}
.needhelp h6 {
  font-size: 16px;
    line-height: 28px;
}
.subMenuLink {
    padding: 0 30px;
    line-height: 30px;
}
.category-discription img {
   width: 100%!important;
}
}
/*==============================pro-config==============================*/

/*==============================category-page==============================*/
.page-start {
    float: left;
    width: 100%;
    background: #f6f6fd;
    padding: 40px 0 60px;
}
.page-category {
    float: left;
    width: 100%;
    background: #f6f6fd;
    padding: 25px 0 60px;
}
.page-header {
    text-align: center;
    padding: 20px 0 0px;
}
.sub-menulink {
    font-size: 14px;
    margin: 30px 10px 10px;
}
.sub-menulink a {
    font-weight: 600;
    color: #3f3b79;
}

.category-discription {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 20px #00000017;
    border-radius: 20px;
    float: left;width: 100%;
    line-height: 25px;
}
.category-discription h2 {
    color: #3f3b79;
    font-weight: 600;
    font-size: 34px;
    padding-top: 10px;
}
.category-discription img {
    float: left;
    margin-right: 30px;
    border-radius: 20px;
    width: 436px;
}
.sub-category {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    margin-top: 25px;
}
.category-list {
    padding: 0;
}

.sub-category li{
    float: left;
    width: 25%;
    padding: 5px;
    list-style: none;
}
.row.featured-list h3 {
    margin-top: 30px;
}
.occa-card {
    margin: 25px 0 30px!important;
}
.sub-category li a {
    padding: 12px 2px;
    width: 100%;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    background: #3f3b79;
   border-radius: 10px;
    box-shadow: 0 0 20px #0e0e0e29;
}
.category-discription-page {
    margin: 0px auto 15px;
    background: #fff;
    padding: 15px 35px 20px;
    border-radius: 20px;
    box-shadow: 0 0 20px #ddd;
    display: inline-block;
    width: 100%
}
.category-discription-page h2 {
    font-size: 20px;
    margin: 0;
}
.category-discription-img {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    padding: 15px;
    text-align: left;
    box-shadow: 0 0 5px #dadcde;
   margin: 40px 0;
    font-size: 16px;
    border-radius: 20px;line-height: 26px;
}
.catblock {
    width: auto;
    float: left;
    margin-right: 25px;
}

.category-discription-img h1 {
    font-size: 30px;
    margin: 0 0 5px;
}
.category-discription-img img {
     border-radius: 20px;
     margin-bottom: 15px;width: auto;float: left;
    margin-right: 25px;width: 100%;
}
.catestart {
    float: left;
    margin: 50px 0 40px;
    width: 100%;
}
.big-image-category {
    width: 100%!important;
    height: auto;
}
.categrid {
    background: white;
    text-align: center;
    border-radius: 15px;
    height: 580px;
    padding: 10px 20px;
    margin-bottom: 25px;
    border: 1px solid rgb(75 72 116);
box-shadow: #4b4874b8 2px 2px 10px;
}
.categrid figure {
    float: left;
    width: 100%;
    margin: 20px 0 20px 0;
    height: 260px;
}

.categrid figure img {
   max-width: 100%;
    max-height: 260px;
    /*height: 260px;*/box-shadow: 0px 0px 20px #00000066;
}
.categrid  .AddCart_pr {
    position: absolute;
    margin-left: 99px;
    margin-top: 0px;
    display: none;
}

.pricesec {
 padding: 10px 0;
    min-height: 81px;
    float: left;
    width: 100%;
}

a {
    color: #3992d6;
    text-decoration: underline 1px;
}
.category-discription2 {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 20px #00000017;
    border-radius: 20px;
    float: left;
    width: 100%;
    line-height: 36px;
    margin-bottom: 35px;
}

.itemno a{
    font-size: 17px;
    margin: 10px;
    color: #4b5199;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
     color: #222;
}
.cate-name {
    float: left;
    width: 100%;
   
}
.category-discription2 strong {
    text-align: center;
    display: block;
    font-size: 20px;
}
.cate-name h2  {
    line-height: 18px;
    min-height: 90px;font-family: 'Roboto', serif;
}
.cate-name h2 a {
    font-size: 17px;
    color: #222;
    text-decoration: none;
    font-weight: 700;
    line-height: 22px;
}
.cate-name h2 a:hover {
 color: #4b4874;  
}
.category_discription2 {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 20px #00000017;
    border-radius: 20px;
    width: 65%;
    margin: 40px auto 15px;
}
.ctabottom {
    
    float: left;
    width: 100%;
}
.ctabottom .container {
     width: 75%;
     margin:auto;
}
.cta-down{
 margin: 0px auto 15px;
    background: #fff;
    padding: 30px 45px 25px;
    border-radius: 20px;
    box-shadow: 0 0 20px #ddd;   
}
.ctabottom h1 {
    font-size: 33px;
    font-weight: 800;
}
.ctabtn {
    margin: 24px 0 0;
    float: left;
}
.ctabottom .ctabtn a {
    border-radius: 30px;
    padding: 14px 25px;
    background: #3f3b79;
    font-weight: 600;
    line-height: 2;
    border: 0;
    background-size: 150% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    box-shadow: 0px 10px 0px -6px rgb(202 202 226);
    text-decoration: none;
}
.ctabottom img {
    width: 60%;
    float: right;
    margin-right: 10px;
    margin-top: -8px;
}

.bottomimg img {
    border-radius: 30px;
}
p {
   line-height: 25px!important;
}
.cate-name-shape h2 a {
   font-size: 17px;
    color: #222;
    text-decoration: none;
    font-weight: 700;
    line-height: 16px;
    font-family: 'Montserrat', sans-serif;
}
.cate-name-shape h2 {
    line-height: 20px;
    margin: 10px 0px;
}
.moq-shape {
    min-height: 53px;
}
.cate-name-shape h4  {
   font-size: 15px;
    margin: 10px;
    color: #4b5199;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #222;
     line-height: 24px;
}
@media only screen and (max-width: 1024px) {
.ctabottom h1 {
    font-size: 23px;
    font-weight: 800;
    margin: 0;
}
.cta-down {
  padding: 25px 25px 30px;
}
.ctabottom .ctabtn a {
   font-size: 14px;
}
.sub-category li {
     width: 33%;
}
.order-check ul li {
    float: left;
    padding: 0px 15px;
    position: relative;
}
.cate-name h2 a {
    font-size: 16px;
   line-height: 17px;
}
.itemno a {
    font-size: 16px;
}
.ctabottom .container {
    width: 90%;
    margin: auto;
}
}

@media only screen and (max-width: 990px){
.order-check ul li {
    padding: 0px 10px;
   
}
}

@media only screen and (max-width: 768px) {
.ctabottom .container {
    width: 94%;
    margin: auto;
}
.sub-category li {
    width: 50%;
}
.order-check .number-list strong, .order-check li.active .number-list strong {
  font-size: 15px;
    padding: 7px 12px;
}
.order-check .name-ist {
    color: #222;
    font-size: 14px;
}
.order-check ul li {
    float: left;
    padding: 0px 5px;
    position: relative;
}
.bottomimg img {
    border-radius: 30px;
    width: 100%;
    height: auto;
}
.bottom-tab h2 {
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 700;
}
.bottom-tab {
     padding: 0;
    background: transparent!important;
    width: 95%;
}
.details .Deta_right {
    font-size: 15px;
   
}
.TabParoduct ul li {
    padding: 5px 0px 5px 0;
}
.TabParoduct ul li {
    line-height: 2;
    padding: 5px 0px 5px 0;
    border-bottom: 0px solid #cacece;
    margin: 0px 0 0px;
}
.bottom-tab h2 {
    margin-bottom: 20px;
    font-size: 20px;
    
}
}
@media only screen and (max-width: 480px) {
.category-discription {
     font-size: 15px;
}

 .bottom-tab {
    padding: 0;
    border: transparent!important;
}   
.page-category {
    padding: 25px 10px 20px;
    margin-top: 15px;
}
.order-check  .number-list {
    z-index: 0;
}
.order-check ul li {
    float: none;
    padding: 0px 5px;
   
}
.accordion-config .bi.bi-info-circle-fill {
    left: 20px;
}
.accordion-config .form-control {
  left: 20px!important;
}
.order-check .nav {
    display: block;
    
}
.add-to-wishlist .btn.btn-danger {
    padding: 4px 8px;
     font-size: 12px;
}
.page-header {
    text-align: center;
    padding: 10px 0 5px;
}
.artwork-instructions p {
    line-height: 25px!important;
    font-size: 14px!important;
}
.artwork-instructions img {
    margin-right: 10px;
   width: 20%;
}
.page-header h1 {
   font-size: 20px;
    padding: 0px 10px 0px;
    line-height: 28px;
}
.sub-menulink {
    font-size: 14px;
    margin: 10px 0px 30px;
    line-height: 2;
}
.sub-category li {
    width: 100%;
}
.catestart {
    float: left;
    margin: 0px 0 40px;
    width: 100%;
}
.category-discription h1 {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: center;
}
.category-discription2 h3 {
    font-size: 16px;
    margin: 10px;
    line-height: 25px;
}
.ctabottom h1 {
    font-size: 22px;
    text-align: center;
    line-height: 30px;
}
.category-discription p {
      margin: 0;
}
p {
    line-height: 25px!important;
    font-size: 15px;
}
.TabParoduct ul li {
   font-size: 15px;
}
.cate-name h2 {
    line-height: 18px;
    min-height: auto;
    font-family: 'Roboto', serif;
}
}
/*------------------------pagination----------------------------*/
.page-numbers {
    float: left;
    width: 100%;
    padding: 40px 0 40px;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: center;
   margin: 20px 0 5px;
}
.page-item.active .page-link {
    z-index: 3;
    background-color: #4b4874;
    border-color: #4b4874;
    color: #fff;
    box-shadow: 0 0 0 3px #fff, 0 0 15px rgb(0 0 0 / 35%);
    border-radius: 4px;
    cursor: pointer;
}
.page-item.active .page-link:hover {
    background: #333;
    color: #fff;
}
.page-link {
    font-size: 14px;
    padding: 6px 12px;
   /* font-size: 1.3vw;
    padding: 0.3vw 1vw;*/
    position: relative;
    display: block;
    color: #131313;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

li.page-item {
    margin: 0 11px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 0 0 3px #fff, 0 0 15px rgb(0 0 0 / 35%);
}

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

.page-numbers {
   padding: 25px 0 25px;
}
.page-link {
   font-size: 13px;
    padding: 2px 10px;
}
.ctabottom .container {
    width: 100%;
    padding: 0;
   
}
.ctabtn {
    margin: 24px auto 0!important;
    float: none;
    display: block; 
    text-align: center;
}
.ctabottom img {
    display: none;
}
.cta-down {
    margin-bottom: 35px;
    padding: 25px 15px 40px;
  
}
.ctabottom .ctabtn a {
    font-size: 13px;
}
.category-discription h3 {
    font-size: 17px;
    line-height: 25px;
    font-weight: 600;
}
}

/*------------------------pagination----------------------------*/















@media screen and (min-width: 1500px) and (max-width: 4000px){

 .ctabottom h1 {
    font-size: 37px;
    font-weight: 800;
} 
 
 .nav-right .btn.btn-default img {
    width: 25%;
    
} 
.container.serachmodal {
   /* width: 100%!important;*/
}
.col-megamenu li:before {
   top: 3px;
    font-size: 13px;
    margin-right: 5px;
}
.subsubmenu2 li:before {
    top: 2px;
    font-size: 15px;
    margin-right: 5px;
}


.homeslider .carousel-caption {
   bottom: 190px;
    left: 17%;
    top: 10%;
}
.slider-image {
    width: 68%;
}

.slider-image img {
       margin-top: 0px;
    margin-left: 55px;
    width: 82%;
}
.logining img {
    height: 813px;
}
.conimg {
    height: 643px!important;
}
.userlogin .container {
    width: 70%;
}
.home-body-search  .card-text {
    font-size: 13px;
    line-height: 20px!important;
}
}
@media screen and (min-width: 2300px) {
/*  .container {
    width: 1870px;
  }
  .homeslider .carousel-caption {
   bottom: 120px!important;
    left: 24%;
}
.homeslider h2, .homeslider h2 b {
    font-size: 80px;
    margin-bottom: 15px;
    line-height: 85px;
    margin-top: 60px;
}

.homeslider img {
    background-size: cover;
    width: 100%;
    height: 800px;
}
.slider-image {
    width: 65%;
}
.slider-banner {
    margin: 170px 0 20px;
}
.homeslider p {
    width: 66%;
}
.slider-image img {
    top: 45px;
    position: relative;
   
}
.slider-image img {
    
    margin-left: -17px;
}
.dropdown.shopping {
    right: 635px;
    top: 58px;
}
}*/
@media only screen and (max-width: 425px){
.dropdown.shopping {
   z-index: 2;
    float: right;
    position: relative;
    left: -49px;
    list-style: none;
    margin-top: -115px;
    TOP: -3PX;
}
}