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

body{font-family: 'Lexend', sans-serif;}

/*nav bar*/
img.site_logo {
    width: 50%;
}
div#navbarSupportedContent {
    width: 80%;
}
.bg-dark {
    background-color: #07131c !important;
}
.socialicon-holder {
    text-align: right;
    width: 20%;
}

.socialicon-holder i {
    font-size: 20px;
    padding: 5px 10px 5px 0px;
}
section.wrap {
    background: #07131c;
    padding: 5px 0px;
    border-bottom: 2px dotted #e3a72f;
}

.icon-holder-movas a {
    color: #fff;
    text-decoration: none;
    padding: 0px 0px 0px 10px;
}

.socialicon-holder i.fa-brands {
    color: white;
}
.icon-holder-movas a :hover,.socialicon-holder i:hover {
    color: #e3a72f;
}



#top-nav a.nav-link {
    color: #fff;
    padding: 0px 24px 0px 0px;
}
.content {
    position: absolute;
    top: 200px;
    z-index: 999;
    left: 134px;
    right: 0;
    color: #fff;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
 background: #e3a72f;border-radius: 20px;padding: 5px;}
 .icon-holder-movas a:hover {
    color: #e3a72f;
}
.top-btn a,.top-btn-c a {
    background: #404040;
    color: #07131c;
    margin: 0px 10px 0px 0px;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 60px;
    font-size: 15px;
}
.top-btn-c a{background:#e3a72f; }

.top-btn a:hover,.top-btn-c a:hover {box-shadow: 0 11px 18px -8px rgb(255 123 0 / 70%)}

.carousel-item img {
    height: 500px;
}

#top-nav a.nav-link:hover {
    color: #e3a72f;
    text-decoration: underline;
}


/*start about*/
.about {
    
   margin-bottom:0px;
}

.welcome {
    font-size: 30px;
    color: #e3a72f;
    padding-bottom: 20px;
}

.img-holder img {
    width: 100%;
  
    border-radius: 10px;
}

.content-holder p {
    text-align: justify;
    font-size: 16px;
    line-height: 27px;
    color:#fff;
   
}

/*hover effects image*/
.design {
  position: relative;
  width: 100%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  margin:0px 0px 20px;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.design:hover .image {
  opacity: 0.3;
}

.design:hover .middle {
  opacity: 1;
}

.text {
    background-color: #07131c;
    color: #e3a72f;
    font-size: 16px;
    padding: 16px 32px;
}

.item img {
    height: 200px;
}
.item {background: #f1f1f1;}
.item-para {
    padding: 10px 10px 20px;
    text-align: center;
    height:100px;
}
.item-para p {
    font-size: 15px;
}
a.view-details {
    background: #07131c;
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 66px;
}

a.view-details:hover{background: #e3a72f; }

.owl-nav button.owl-prev, button.owl-next {
    background: #e3a72f !important;
    width: 30px;
    border-radius: 50px;
    height: 30px;
    font-size: 20px;
}

button.owl-prev {
    position: absolute;
    bottom: 134px;
    left: -18px;
}
button.owl-next {
    position: absolute;
    right: -18px;
    bottom: 134px;
}

button.owl-prev span,button.owl-next span{
    color: #fff;
    font-size: 31px;
    line-height: 0px;
}
/*****************footer***********************/
.design-footer h4 {
    color: #07131c;
   
    font-weight: 300;
    font-size: 18px;
    border-bottom: 1px dotted #07131c;
}
.design-footer ul {
    padding-left: 0px;
    list-style: none;
}
.design-footer ul li a {
    color: #07131c;
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
}
.design-footer ul li {
    padding: 0px 0px 8px;
}
.design-footer ul li a i {
    padding: 0px 10px 0px 0px;
}
.design-footer {
    padding-top: 20px;
}
.design-footer ul li a:hover,span.rounded-icon:hover {
    color: #000;
}
.design-footer p a {
    color:#07131c;
    font-weight: 300;
    text-decoration:none;
}
.bottom-footer {
    background: #07131c;
}
.copyright p,.copyright p a {
    margin-bottom: 0px;
    padding: 10px 0px;
    color: #e3a72f;
}

.social-icons a i {
    background: #07131c;
    color: white;
    padding: 10px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
}

/*.social-icons a i:hover{*/
/*    box-shadow: 3px 3px 30px 0 black;*/
/*    transform: scale(1.1) rotate(30deg);}*/
    
    span.in {
    font-size: 33px;
    color: #ff7b00;
}

/**************** About style****************/
section.about-wrap-1st {
    background-size: cover;
  background-attachment: fixed;
    padding: 150px 0px;
    background-position: bottom;
}

section.about-wrap-1st h2,.breadcrumb li {
    color: #e3a831;
    background-color: #07131ce0;
    padding: 10px;
    width: 20%;
}
.breadcrumb li a {
    color: #ff7b00;
}
.text-movas {
    text-align: justify;
}

select#subject {
    width: 100%;
    border: 1px solid #c9c4c4;
    height: 44px;
    border-radius: 5px;
}

.role-r {
    box-shadow: 0px 5px 10px darkgray;
    padding: 20px;
}


/***********hings**********/
.hings-wrap {
    box-shadow: 0px 5px 10px darkgray;
    padding: 40px;
    text-align: center;
    border-radius: 10px;
}
.hings-wrap img,.box img {
    width: 100%;
    height: 200px;
}

.hings-wrap a.view-details i {
    margin: 0px 0px 0px 10px;
}

.hings-wrap:hover {
    transform: scale(1.02);
}

/* Quick-zoom Container */
.img-hover-zoom--quick-zoom img {
  transform-origin: 0 0;
  transition: transform .25s, visibility .25s ease-in;
}

/* The Transformation */
.img-hover-zoom--quick-zoom:hover img {
  transform: scale(2);
}

.img-hover-zoom img {
    width: 100%;
    box-shadow: 0px 5px 10px darkgray;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
}

/* ***********************/
    .form-check-input:checked {
    background-color: #ff7b00 !important;
    border-color: #ff7b00 !important;
}
.form-check i {
    color: #ff7b00;
}

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


.box{
    box-shadow: 0px 5px 10px darkgrey;
    padding: 40px;
    text-align: center;
    border-radius: 10px;

}
.box:hover{
    transform: scale(1.02);
}

.box img{
    max-width: 100%;
    height: 200px;
 }
.box a.view-details {
    background: #404040;
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 66px;
    font-family: 'Lexend', sans-serif;
 }
.box a.view-details:hover{
     background: #EE5A24;
 }
 .box a.view-details i {
    margin: 0px 0px 0px 10px;
}

.fw-300 {
    font-weight: 300;
}

/* Slim Tandem Box 202 x 470mm start */
.box img{
    max-width: 100%;
  
}
.box-text p{
    font-family: 'Lexend', sans-serif;
    
}
.box-text h5{
    font-family: 'Lexend', sans-serif;
    text-transform: capitalize !important;
    
}
.box p{
    font-family: 'Lexend', sans-serif;


}
.img-hover-zoom img{
    width: 100%;
    box-shadow: 0px 5px 10px darkgrey;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
}
.publishing {
    background: white;
    padding: 20px;
    border-radius: 20px;
}
.content-holder p span {
    color: #e3a72f;
    font-weight: 600;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */
@media all and (min-width: 768px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}


.product-img .card-header img {
    max-width: 100%;
    height: 300px;
}

.product-img.card-body {height: 165px;}
.roller-key li {
    list-style: disc;
    font-weight: 300;
    font-size: 16px;
}
ul.roller-key li::before {
    content: "\2022";
    color: #e3a72f;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

 .whatsapp_float{position:fixed;bottom:80px;right:20px;z-index:9999;     animation: bounce 2s infinite;}   

.mobile_float {
    position: fixed;
    z-index: 999;
    bottom: 80px;
    background: linear-gradient(#e3a726, #e3a72f);
    padding: 10px 20px;
    border-radius: 10px;
}

.mobile_float a {
    color: #07131c;
    text-decoration: none;
    font-size: 16px;
    font-weight: 800;
}
@media screen and (max-width: 768px){
    /* styles */
    .icon-holder-movas a {  padding: 0px 0px 0px 8px;}
    .carousel-item img {height: auto;}
    .img-movas img {
    width: 100%;

}
.socialicon-holder {display: none;}
}
@media screen and (min-width: 320px) and (max-width: 480px){
    /* styles */
    a.navbar-brand {
    width: 70%;
}
.content-holder {
    padding-top: 0 !important;
    margin-top: 0px !important;
}
.socialicon-holder,.icon-holder-movas a,.copyright p, .copyright p a { text-align: center;}
.icon-holder-movas a {font-size: 13px;}
.publishing {margin: 0px 0px 30px;}
.content {display: none;}
section.about-wrap-1st { padding: 50px 0px;}
section.about-wrap-1st h2, .breadcrumb li {width: 80%;}
.top-btn-c {margin-bottom: 30px;}
.contact-form { margin: 40px 0px 0px;}

}