/* Font */

h1, h2 { 
    font-weight: bold !important;
}

@media (max-width: 767px){

 body h1,h2 {  
    font-size: 30px !important;   
  }
  
   body h3 {  
    font-size: 24px !important;   
  }
  
  body {
    font-size: 16px !important;
}
  
   
  body p{
    font-size: 16px !important;
}
  
}


/* END OF FONT */


/* Purple Shadow BUTTON*/

.sppb-btn-primary.focus, .sppb-btn-primary:focus {
    color: unset !important;
    box-shadow: 0 0 0 3px rgb(255 255 255 / 0%) !important;
}


body div .sppb-addon-optin-forms .sppb-btn, body div .sppb-btn{
    background: transparent !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    padding: 15px 30px !important;
    border-radius: 0px !important;
    border: 0 !important;
    position: relative !important;
}


body div .sppb-addon-optin-forms .sppb-btn, body div .sppb-btn:before {
content: "";
    position: absolute;
    background: #2D154E !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: skewX(-20deg);
    z-index: -1;
    box-shadow: 7px 6px #B392C4 !important;
  transition: 0.5s !important;
}



body div .sppb-addon-optin-forms .sppb-btn, body div .sppb-btn:hover:before {
  box-shadow: 20px 6px #B392C4 !important;
   background: #462b6b !important;
  transition: 0.5s !important;

}

body div .sppb-addon-optin-forms .sppb-btn:after, body div .sppb-btn:after {
    content: unset !Important;
}
/*End of  Purple Shadow BUTTON*/
  

  
  
/* White Shadow BUTTON*/  
  body div .sppb-addon-optin-forms .sppb-btn.sppb-btn-primary, body div .sppb-btn.sppb-btn-primary{
    background: transparent !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    padding: 15px 30px !important;
    border-radius: 0px !important;
    border: 0 !important;
    position: relative !important;
}


  
  body div .sppb-addon-optin-forms .sppb-btn.sppb-btn-primary, body div .sppb-btn.sppb-btn-primary:before {
content: "";
    position: absolute;
    background: #2D154E !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: skewX(-20deg);
    z-index: -1;
    box-shadow: 7px 6px white !important;
  transition: 0.5s !important;
}



  
  body div .sppb-addon-optin-forms .sppb-btn.sppb-btn-primary, body div .sppb-btn.sppb-btn-primary:hover:before {
  box-shadow: 20px 6px white !important;
   background: #462b6b !important;
  transition: 0.5s !important;

}

  
  body div .sppb-addon-optin-forms .sppb-btn.sppb-btn-primary, body div .sppb-btn.sppb-btn-primary:after {
    content: unset !Important;
}

/* End of White Shadow BUTTON*/




/* HEADER MENU */

.logo-image {
    height: 40px !important;
}

.transparent-header #sp-header:not(.header-sticky) {
    background-color: white !Important;
    margin-top: 20px !Important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-family: Titilium Web, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  color: #2D154E !important;
  padding: 0px 0px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  margin-bottom: 20px !Important;
}



#sp-header .sp-megamenu-parent > li > a:before {
    content: unset !important;
}


.sp-megamenu-parent > li > a:hover {
    color: #6532a9 !important;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #6532a9 !important;
}


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 25px 20px 10px 20px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #6532a9 !important;
    font-size: 18px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #6532a9 !important;
}

/* END OF HEADER MENU */


/*BOTTOM*/

#sp-bottom .sp-module ul > li > a {
    font-size: 20px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.3px !important;
    font-weight: 500 !important;
    color: rgb(0 0 0) !important;
}

#sp-bottom .sp-module ul > li {
    margin-bottom: 40px;
}


#sp-bottom .sp-module {
    margin-bottom: 0px !important;
}

#sp-bottom {
    padding: 50px 0 50px !important;
}

#sp-bottom .sp-module .sp-module-content {
    color: black !important;
}


#sp-bottom a {
    color: rgb(0 0 0) !important;
}

#sp-bottom a:hover {
    color: #6532a9 !important;
}


#sp-bottom .sp-module ul > li > a:hover {
    color: #6532a9 !important;
}


/* END OF BOTTOM */

/* FOOTER */

div#sp-footer1 {
    justify-content: center !important;
    display: flex !important;
}

#sp-footer {
    background: #6753A3 !important;
}

#sp-footer .container-inner {
    padding: 15px 0 !important;
}

#sp-footer, #sp-bottom {
    color: white !important;
}

#sp-footer a:hover {
    color: black !IMPORTANT;
}

@media (max-width: 767px){
  
  #sp-bottom {
    padding: 30px 0 30px !important;
}
  
}

#sp-footer {
    font-size: 14px !important;
    line-height: 1.0 !important;
}


#sp-bottom a {
    color: black !important;
}

#sp-footer a {
    color: rgb(255 255 255 / 72%) !important;
}

/*END OF FOOTER */



/* Off canvas */

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #2D154E !important;
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    padding: 0.6rem 0 !important;
}

.close-offcanvas {
    font-size: 16px !important;
    background: #462277 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #6532a9 !important;
}

#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
    color: #6532a9 !important;
}

.offcanvas-menu {
    background-color: unset !Important;
    background-image: url(/images/00hohseh/logo/footer.jpg) !Important;
    background-size: cover !Important;
    background-position: center !Important;
    color: #000000 !Important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:after {
    content: "\f055";
    font-family: 'Font Awesome 5 Free' !important;
}


/* END OF OFF CANVAS */



/* PAGE TITLE */

#sp-header {
    background: #ffffff !IMPORTANT;
}

.sp-page-title .sp-page-title-heading {
color: #ffffff !important;
    line-height: 1.0 !important;
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 40px !important; 
    font-weight: 600 !important;
    font-style: normal !important;

    text-shadow: 2px 2px 5px #000000c2;
  
}

.sp-page-title {
    padding: 60px 0 60px !IMPORTANT;
    background-image: url(/images/00hohseh/logo/pagetitlebg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 50% 50%;
 
}

@media (max-width: 767px){
.sp-page-title .sp-page-title-heading {
    font-size: 35px !IMPORTANT;
}
  
  .sp-page-title {
    padding: 40px 0 40px !IMPORTANT;
        background-position: 0% 100% !IMPORTANT;
        background-position: 65% 100% !IMPORTANT;
    BACKGROUND-SIZE: AUTO !IMPORTANT;
}
  
  
}

/*END OF PAGE TITLE */



/* ALUMINIUM DIVISION */

section#section-id-1624602479987:before {
    position: absolute;
    height: 100%;
    top: 0%;
    content: '';
    background-color: #5c4c8cd9;
    width: 100%;
    left: -38%;
    transform: skewX( 
45deg
 );
}



@media (max-width: 767px){
  
  section#section-id-1624602479987:before {
    width: 220%;
    left: -100%;
}
  
  
  
}


/* END OF ALUMINIUM DIVISION */


/* Scroll up & Chat button */

.sp-scroll-up {
    right: 100px !important;
}

span#hover_icon {

    font-size: 1.6em !important;
}

span#close {
    font-size: 28px !important;
    right: 16px !important;
}

/*----*/


/* OUR WORKS */

.speasyimagegallery-album-description {
  
    line-height: inherit;
    font-family: 'Titillium Web', sans-serif;
    font-size: 38px !IMPORTANT;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 20px;
    color: #462277 !important;
}






.com-sppagebuilder #sp-main-body {
    padding: 0 !important;
}


#sp-main-body {
    padding: 50px 0px !important;
}

@media (max-width: 767px){
.speasyimagegallery-album-description p {
    font-size: 30px !important;
    line-height: 1.0 !important;
}
  
  .speasyimagegallery-album-info {

    padding: 10px !important;

}
  
  
}


.speasyimagegallery-album > div > a:after {
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0 0 0 / 50%) 100%) !IMPORTANT;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0 0 0 / 50%) 100%) !IMPORTANT;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgb(0 0 0 / 50%) 100%) !IMPORTANT;
}

.speasyimagegallery-album-title {
    display: none !important;
}


.speasyimagegallery-album-meta > span {
    color: rgb(255 255 255) !important;

}


/* END OF OUR WORKS */

.regNO{
  font-size: 10px;  
}