@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%;}

.socialicon-holder { text-align: right;}

.socialicon-holder i {font-size: 20px;padding: 5px 10px 5px 0px;}
section.wrap { border-bottom: 1px dotted #ff7b00;}

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

section.wrap { background: #ff7b00;}

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

header#top-nav {border-bottom: 1px dotted #ff7b00;}

#top-nav a.nav-link {color: #4d4d4d;padding: 0px 24px 0px 0px;
}

.top-btn a,.top-btn-c a {background: #404040; color: white;
margin: 0px 10px 0px 0px;padding: 8px 12px; text-decoration: none;
    border-radius: 60px;
    font-size: 15px;
}
.top-btn-c a{background:#ff7b00; }

.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: #ff7b00;
    text-decoration: underline;
}


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

.welcome {
    font-size: 30px;
    color: #ff7b00;
}

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

.content-holder p {
    text-align: justify;
    font-size: 16px;
    line-height: 27px;
    margin: 40px 0px 0px;
}

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

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: 330px;
  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: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 16px 32px;
}



.item img {
    height: 200px;
}
.item {background: #f1f1f1;}
.item-para {
    padding: 10px 10px 20px;
}

a.view-details {
    background: #404040;
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 66px;
}

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

.owl-nav button.owl-prev, button.owl-next {
    background: #404040 !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: #ff7b00;
    font-weight: 300;
    font-size: 18px;
    border-bottom: 1px dotted #ff7b00;
}


.design-footer ul {
    padding-left: 0px;
    list-style: none;
}
.design-footer ul li a {
    color: #dfdcdc;
    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: #ff7b00;
}
.design-footer p {
    color: #fff;
    font-weight: 300;
}
.bottom-footer {
    background: #000000;
}
.copyright p,.copyright p a {
    margin-bottom: 0px;
    padding: 10px 0px;
    color: #ff7b00;
}

.social-icons a i {
    background: #ff7b00;
    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;
  
    padding: 150px 0px;
}

section.about-wrap-1st h1{
    color: white;
    font-size:36px;
}

section.about-wrap-1st h2,.breadcrumb li { color: white;}
.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;
}

.welcome {
    padding-bottom: 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;
}

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

.welcome {
    font-size: 30px;
    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;
}


.hings-text h2{
      font-family: 'Lexend', sans-serif;
    font-size:30px !important;
    text-transform: capitalize !important;
}

/* Slim Tandem Box 202 x 470mm start */
.box img{
    max-width: 100%;
  
}
.box-text p{
    font-family: 'Lexend', sans-serif;
    
}
.box-text h2{
    font-family: 'Lexend', sans-serif;
    font-size:30px !important;
    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;
}

.dropdown-item.active, .dropdown-item:active { background-color: #ff7b00;}
.img-movas img {
    width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 480px){
a.navbar-brand.mobile{
    width: 200px;
}
.icon-holder-movas a { padding: 0px 0px 0px 6px;
}
.socialicon-holder {
    text-align: center;
}
section.about-wrap-1st {
 padding: 50px 0px;
}
h1.online-moov {
    font-size: 20px;
    margin-bottom: 36px;
}
div#navbarSupportedContent {
    background: #d1d1d154;
    padding: 10px;
}
.top-btn {
    margin: 0px 0px 20px;
}
.carousel-item img {
    height: auto;
}
.content-holder {
    margin-top: -50px !important;
}
.copyright {
    text-align: center;
}
.welcome {
    font-size: 24px;
 
}
body{
overflow-x: hidden;}
}
@media screen and (max-width: 375px){
    /* styles */
    .icon-holder-movas a {
    padding: 0px 0px 0px 2px;
    font-size: 12px;
}
.icon-holder-movas {
    text-align: center;
}
}