.elementor-733 .elementor-element.elementor-element-38c747d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-733 .elementor-element.elementor-element-38c747d:not(.elementor-motion-effects-element-type-background), .elementor-733 .elementor-element.elementor-element-38c747d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://www.intouchsp.com.my/wp-content/uploads/2024/05/OC-banner-img-bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-733 .elementor-element.elementor-element-cf4387c{--display:flex;--overflow:hidden;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-733 .elementor-element.elementor-element-bf50d29{text-align:center;}.elementor-733 .elementor-element.elementor-element-bf50d29 .elementor-heading-title{font-family:"Helvetica Neue", Sans-serif;font-size:80px;font-weight:700;line-height:1.3em;color:var( --e-global-color-secondary );}.elementor-733 .elementor-element.elementor-element-848ac2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-733 .elementor-element.elementor-element-848ac2e:not(.elementor-motion-effects-element-type-background), .elementor-733 .elementor-element.elementor-element-848ac2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFBF5;}.elementor-733 .elementor-element.elementor-element-755b97e{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-733 .elementor-element.elementor-element-aa56548{--image-transition-duration:0ms;--content-text-align:center;--galleries-title-color-normal:#222222;--galleries-title-color-hover:#222222;--gallery-title-color-active:#222222;}.elementor-733 .elementor-element.elementor-element-aa56548 .elementor-gallery-title{font-family:"Helvetica Neue", Sans-serif;font-size:24px;font-weight:500;}.elementor-733 .elementor-element.elementor-element-9749d1e{--display:flex;--overflow:hidden;}@media(max-width:1024px){.elementor-733 .elementor-element.elementor-element-38c747d:not(.elementor-motion-effects-element-type-background), .elementor-733 .elementor-element.elementor-element-38c747d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}}@media(min-width:1025px){.elementor-733 .elementor-element.elementor-element-38c747d:not(.elementor-motion-effects-element-type-background), .elementor-733 .elementor-element.elementor-element-38c747d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS *//*Hero*/
#hero{
    padding: 20rem 0 14rem 0;
}

/*Our Clients*/
#clients{
    padding: 6rem 0;
}

#clients .elementor-gallery__titles-container{
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    gap: 20px;
    margin-bottom: 60px;
}

#clients .elementor-gallery__container{
    gap: 30px
}

#clients .e-gallery-item.elementor-gallery-item{
    padding: 0 15px;
    background-color: #ffffff;
    pointer-events: none;
    display: block;
}

#clients .e-gallery-grid .e-gallery-image{
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

#clients .elementor-gallery-title {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 225px;
    height: 68px;
    background-color: transparent;
    border-radius: 100px;
    border: 1px solid #222222;
}

#clients .elementor-gallery-title span{
    pointer-events: none;
}

#clients .elementor-gallery-title:hover span:before{
  opacity: 1; 
  transform: translate(0,0);
}

#clients .elementor-gallery-title span:before {
  content: attr(data-hover);
  position: absolute;
  width: fit-content;
  opacity: 0;
  transform: translate(0, 100%);
  transition: all .3s ease-in-out;
}

#clients .elementor-gallery-title div {
  transition: all .3s ease-in-out;
}

#clients .elementor-gallery-title:hover div {
  opacity: 0; 
  transform: translate(0, -100%);
}

#clients .elementor-gallery-title.elementor-item-active{
    background-color: #F5A622;
    border: 1px solid #F5A622;
}

/*Responsive*/
@media (max-width: 1280px) {
#hero .hero-wrap, #clients .clients-wrap{
    width: 90%;
    margin: auto;
}

#hero h1{
    font-size: 75px;
}

#clients .elementor-gallery-title{
    font-size: 23px;
}

}

@media (max-width: 1140px) {
#hero h1{
    font-size: 70px;
}

#clients .elementor-gallery-title{
    font-size: 22px;
}
   
}

@media (max-width: 1080px) {
#hero h1{
    font-size: 65px;
}

#clients .elementor-gallery-title{
    font-size: 21px;
}
  
}

@media (max-width: 980px) {
#hero h1{
    font-size: 60px;
}

#clients .elementor-gallery-title{
    font-size: 20px;
}

#hero{
    padding: 16rem 0 10rem 0;
}

}

@media (max-width: 900px) {
#hero h1{
    font-size: 55px;
}

#clients .elementor-gallery-title {
    width: 200px;
    height: 60px;
}

#clients .elementor-gallery__container{
    gap: 25px;
}
  
}

@media (max-width: 800px) {
#hero h1{
    font-size: 50px;
}

}

@media (max-width: 767px) {
#hero .hero-wrap, #clients .clients-wrap{
    width: 85%;
}

#hero h1{
    font-size: 45px;
}

#clients .elementor-gallery-title{
    font-size: 19px;
}

#clients{
    padding: 4rem 0;
}

#clients .elementor-gallery__titles-container{
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 50px;
}

#clients .elementor-gallery-title {
    width: 100%;
}
  
}

@media (max-width: 700px) {
#hero h1{
    font-size: 42px;
}

#clients .elementor-gallery-title{
    font-size: 18px;
}

}

@media (max-width: 600px) {
#clients .elementor-gallery__container{
    gap: 20px;
}

}

@media (max-width: 500px) {
#clients .elementor-gallery__container{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px;
}

}

@media (max-width: 450px) {
#clients .elementor-gallery__titles-container{
    gap: 15px 10px;
}

#clients .elementor-gallery__container{
    gap: 10px;
}

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Bold.eot');
	src: url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Bold.woff2') format('woff2'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Bold.woff') format('woff'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Bold.ttf') format('truetype'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Bold.svg#HelveticaNeue') format('svg');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Roman.eot');
	src: url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Roman.woff2') format('woff2'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Roman.woff') format('woff'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Roman.ttf') format('truetype'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Roman.svg#HelveticaNeue') format('svg');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Light.eot');
	src: url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Light.woff2') format('woff2'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Light.woff') format('woff'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Light.ttf') format('truetype'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Light.svg#HelveticaNeue') format('svg');
}
@font-face {
	font-family: 'Helvetica Neue';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Medium-1.eot');
	src: url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Medium-1.eot?#iefix') format('embedded-opentype'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Medium-2.woff2') format('woff2'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Medium-1.woff') format('woff'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Medium-1.ttf') format('truetype'),
		url('https://wisdommanagement.jumixthemes.com/wp-content/uploads/2024/04/HelveticaNeue-Medium-1.svg#HelveticaNeue') format('svg');
}
/* End Custom Fonts CSS */