.elementor-770 .elementor-element.elementor-element-13ea0e8{--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;--z-index:1;}.elementor-770 .elementor-element.elementor-element-557bb48{--display:flex;}.elementor-770 .elementor-element.elementor-element-815f0c3{--display:flex;}.elementor-770 .elementor-element.elementor-element-16c7245{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-770 .elementor-element.elementor-element-05b18cb{width:100%;max-width:100%;}.elementor-770 .elementor-element.elementor-element-05b18cb .elementor-counter-number-wrapper{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-770 .elementor-element.elementor-element-05b18cb .elementor-counter-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-770 .elementor-element.elementor-element-110cb60{width:100%;max-width:100%;}.elementor-770 .elementor-element.elementor-element-110cb60 .elementor-counter-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-770 .elementor-element.elementor-element-16f4b60{width:100%;max-width:100%;}.elementor-770 .elementor-element.elementor-element-16f4b60 .elementor-counter-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-770 .elementor-element.elementor-element-238baf5{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-770 .elementor-element.elementor-element-068e18d img{width:100%;}.elementor-770 .elementor-element.elementor-element-f9bec9a{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-770 .elementor-element.elementor-element-bc88d5e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--z-index:1;}.elementor-770 .elementor-element.elementor-element-0624147{--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;}.elementor-770 .elementor-element.elementor-element-34a4b10{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-770 .elementor-element.elementor-element-7a2a920{--display:flex;--justify-content:center;}.elementor-770 .elementor-element.elementor-element-c6f92e0{--display:flex;}.elementor-770 .elementor-element.elementor-element-78fd1ee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-db316dd{--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;--justify-content:center;--overflow:hidden;--z-index:1;}.elementor-770 .elementor-element.elementor-element-9521675{--display:flex;}.elementor-770 .elementor-element.elementor-element-7c5c2c57 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-770 .elementor-element.elementor-element-7c5c2c57 > .elementor-container{max-width:1140px;}.elementor-770 .elementor-element.elementor-element-7c5c2c57{overflow:hidden;padding:0px 0px 0px 0px;z-index:0;}.elementor-bc-flex-widget .elementor-770 .elementor-element.elementor-element-135b00d8.elementor-column:not(.raven-column-flex-vertical) .elementor-widget-wrap{align-items:center;}.elementor-770 .elementor-element.elementor-element-135b00d8.elementor-column.elementor-element[data-element_type="column"]:not(.raven-column-flex-vertical) > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-770 .elementor-element.elementor-element-135b00d8.elementor-column.elementor-element[data-element_type="column"].raven-column-flex-vertical > .elementor-widget-wrap.elementor-element-populated{justify-content:center;}.elementor-770 .elementor-element.elementor-element-135b00d8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-770 .elementor-element.elementor-element-135b00d8.elementor-column.raven-column-flex-vertical > .elementor-widget-wrap{align-content:center;align-items:center;flex-wrap:wrap;}.elementor-770 .elementor-element.elementor-element-048807f{--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-770 .elementor-element.elementor-element-048807f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-770 .elementor-element.elementor-element-16ec358{--display:flex;}.elementor-770 .elementor-element.elementor-element-c96989c{--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-770 .elementor-element.elementor-element-b132317{--display:flex;}.elementor-770 .elementor-element.elementor-element-35feb43{--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-770 .elementor-element.elementor-element-b226235{--display:flex;}.elementor-770 .elementor-element.elementor-element-8305b59{--display:flex;}.elementor-770 .elementor-element.elementor-element-8305b59.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-770 .elementor-element.elementor-element-23ba2de{--display:flex;}.elementor-770 .elementor-element.elementor-element-4eb8859{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-94e2730{--display:flex;--overflow:hidden;}.elementor-770 .elementor-element.elementor-element-94e2730.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-770 .elementor-element.elementor-element-eeb993f{left:0px;}body.rtl .elementor-770 .elementor-element.elementor-element-eeb993f{right:0px;}.elementor-770 .elementor-element.elementor-element-eeb993f{bottom:0px;}.elementor-770 .elementor-element.elementor-element-eeb993f img{width:100%;}.elementor-770 .elementor-element.elementor-element-0adc6ec{--display:flex;--justify-content:center;}.elementor-770 .elementor-element.elementor-element-5625ddd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-068ac4e{--display:flex;--justify-content:center;}.elementor-770 .elementor-element.elementor-element-35c9cab{--display:flex;--overflow:hidden;}body:not(.rtl) .elementor-770 .elementor-element.elementor-element-6e992fa{left:0px;}body.rtl .elementor-770 .elementor-element.elementor-element-6e992fa{right:0px;}.elementor-770 .elementor-element.elementor-element-6e992fa{bottom:0px;}.elementor-770 .elementor-element.elementor-element-6e992fa img{width:100%;}.elementor-770 .elementor-element.elementor-element-f7f54ce{--display:flex;}.elementor-770 .elementor-element.elementor-element-75a780d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-a3679e4{--display:flex;--overflow:hidden;}body:not(.rtl) .elementor-770 .elementor-element.elementor-element-f55fea3{left:0px;}body.rtl .elementor-770 .elementor-element.elementor-element-f55fea3{right:0px;}.elementor-770 .elementor-element.elementor-element-f55fea3{bottom:0px;}.elementor-770 .elementor-element.elementor-element-f55fea3 img{width:100%;}.elementor-770 .elementor-element.elementor-element-7db2bd8{--display:flex;--justify-content:center;}.elementor-770 .elementor-element.elementor-element-d2f2bfc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-41e023b{--display:flex;--justify-content:center;}.elementor-770 .elementor-element.elementor-element-f56c3c0{--display:flex;--overflow:hidden;}body:not(.rtl) .elementor-770 .elementor-element.elementor-element-6b0fc40{left:0px;}body.rtl .elementor-770 .elementor-element.elementor-element-6b0fc40{right:0px;}.elementor-770 .elementor-element.elementor-element-6b0fc40{bottom:0px;}.elementor-770 .elementor-element.elementor-element-6b0fc40 img{width:100%;}.elementor-770 .elementor-element.elementor-element-4f9e199{--display:flex;}.elementor-770 .elementor-element.elementor-element-b173d92{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-fe48280{--display:flex;--overflow:hidden;}.elementor-770 .elementor-element.elementor-element-8bdad5a{--display:flex;--justify-content:center;}.elementor-770 .elementor-element.elementor-element-51c0f92{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-55eec09{--display:flex;--justify-content:center;}.elementor-770 .elementor-element.elementor-element-da43e10{--display:flex;--overflow:hidden;}.elementor-770 .elementor-element.elementor-element-e1c2d87{--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-770 .elementor-element.elementor-element-948262f{--display:flex;}.elementor-770 .elementor-element.elementor-element-4e915d7{--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-770 .elementor-element.elementor-element-6ec67af{--display:flex;}.elementor-widget-jet-carousel  .jet-carousel__content .jet-carousel__item-title, .elementor-widget-jet-carousel  .jet-carousel__content .jet-carousel__item-title a, .elementor-widget-jet-carousel .jet-banner__title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-carousel  .jet-carousel__content .jet-carousel__item-text, .elementor-widget-jet-carousel .jet-banner__text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-carousel .jet-carousel__content .jet-carousel__item-text{color:var( --e-global-color-text );}.elementor-widget-jet-carousel .jet-banner__text{color:var( --e-global-color-text );}.elementor-widget-jet-carousel  .jet-carousel__content .jet-carousel__item-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-jet-carousel .jet-carousel .jet-arrow{background-color:var( --e-global-color-primary );}.elementor-widget-jet-carousel .jet-carousel .jet-arrow:hover{background-color:var( --e-global-color-primary );}.elementor-widget-jet-carousel .jet-carousel .jet-slick-dots li span{background-color:var( --e-global-color-text );}.elementor-widget-jet-carousel .jet-carousel .jet-slick-dots li span:hover{background-color:var( --e-global-color-primary );}.elementor-widget-jet-carousel .jet-carousel .jet-slick-dots li.slick-active span{background-color:var( --e-global-color-accent );}.elementor-widget-jet-carousel .jet-carousel__fraction-navigation span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-770 .elementor-element.elementor-element-854c176 .jet-carousel .elementor-slick-slider .jet-carousel__item{padding:10px 15px 10px 015px;}.elementor-770 .elementor-element.elementor-element-854c176 .jet-carousel .elementor-slick-slider{margin-right:-15px;margin-left:-015px;}.elementor-770 .elementor-element.elementor-element-854c176 .jet-carousel__item-img{border-radius:10px 10px 10px 10px;}.elementor-770 .elementor-element.elementor-element-854c176 .jet-carousel__content{text-align:center;padding:015px 0px 0px 0px;}.elementor-770 .elementor-element.elementor-element-854c176  .jet-carousel__content .jet-carousel__item-title, .elementor-770 .elementor-element.elementor-element-854c176  .jet-carousel__content .jet-carousel__item-title a, .elementor-770 .elementor-element.elementor-element-854c176 .jet-banner__title{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-770 .elementor-element.elementor-element-854c176 .jet-carousel__content .jet-carousel__item-title{color:#000000;}.elementor-770 .elementor-element.elementor-element-854c176 .jet-banner__title{color:#000000;}.elementor-770 .elementor-element.elementor-element-854c176  .jet-carousel__content .jet-carousel__item-text, .elementor-770 .elementor-element.elementor-element-854c176 .jet-banner__text{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-770 .elementor-element.elementor-element-854c176 .jet-carousel__content .jet-carousel__item-text{color:#000000;}.elementor-770 .elementor-element.elementor-element-854c176 .jet-banner__text{color:#000000;}.elementor-770 .elementor-element.elementor-element-854c176 .jet-carousel .jet-slick-dots{justify-content:center;}.elementor-770 .elementor-element.elementor-element-854c176 .jet-carousel .jet-slick-dots li{padding-left:5px;padding-right:5px;}.elementor-770 .elementor-element.elementor-element-5b99e3c{--display:flex;}.elementor-770 .elementor-element.elementor-element-6da1115{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-770 .elementor-element.elementor-element-115db56{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-fbb8f90{--display:flex;--justify-content:center;}.elementor-770 .elementor-element.elementor-element-fbb8f90.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-770 .elementor-element.elementor-element-2d91563{left:1px;}body.rtl .elementor-770 .elementor-element.elementor-element-2d91563{right:1px;}.elementor-770 .elementor-element.elementor-element-2d91563{top:0px;}.elementor-770 .elementor-element.elementor-element-844fab5{--display:flex;--justify-content:center;}@media(max-width:1024px){.elementor-770 .elementor-element.elementor-element-34a4b10{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}}@media(max-width:766px){.elementor-bc-flex-widget .elementor-770 .elementor-element.elementor-element-135b00d8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-770 .elementor-element.elementor-element-135b00d8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-770 .elementor-element.elementor-element-8305b59{--width:312px;}.elementor-770 .elementor-element.elementor-element-94e2730{--width:275.906px;}body:not(.rtl) .elementor-770 .elementor-element.elementor-element-eeb993f{left:0px;}body.rtl .elementor-770 .elementor-element.elementor-element-eeb993f{right:0px;}.elementor-770 .elementor-element.elementor-element-eeb993f{bottom:0px;z-index:2;}.elementor-770 .elementor-element.elementor-element-5625ddd{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-6e992fa{z-index:2;}.elementor-770 .elementor-element.elementor-element-f55fea3{z-index:2;}.elementor-770 .elementor-element.elementor-element-d2f2bfc{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-6b0fc40{z-index:2;}.elementor-770 .elementor-element.elementor-element-51c0f92{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-770 .elementor-element.elementor-element-23130be{width:100%;max-width:100%;}.elementor-770 .elementor-element.elementor-element-23130be.elementor-element{--align-self:center;}.elementor-770 .elementor-element.elementor-element-23130be img{width:100%;}}@media(min-width:767px){.elementor-770 .elementor-element.elementor-element-db316dd{--content-width:1200px;}.elementor-770 .elementor-element.elementor-element-9521675{--content-width:1200px;}.elementor-770 .elementor-element.elementor-element-135b00d8{width:100%;}.elementor-770 .elementor-element.elementor-element-f7f54ce{--content-width:1000px;}.elementor-770 .elementor-element.elementor-element-6da1115{--content-width:1200px;}.elementor-770 .elementor-element.elementor-element-115db56{--content-width:1200px;}}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS */em{
    font-style: normal;
}

h6{
    text-transform: uppercase;
}

/*Font-Size*/
#about h1, #about .elementor-counter-number-wrapper span{
    font-size: 70px;
}

#mission h1, #purpose h1, #values h1{
    font-size: 70px;
}

#harmonious h2{
    font-size: 50px;
}

#why-us h2, #projects h2, #catalogue h2, #founder h2, #join h3{
    font-size: 42px;
}

#about .elementor-counter-title{
    font-size: 32px;
}

#about h6, #about p, #harmonious p, #mission h6, #mission p, #purpose h6, #purpose p, #values h6, #values p, #why-us h6, #why-us p, .general-btn, #founder p, #join p{
    font-size: 18px;
}

/*Button*/
.general-btn{
    background-color: #FF6B3D;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    width: 200px;
    padding: 12px 0;
    white-space: nowrap;
}

.general-btn p{
    position: relative;
    left: 0px;
    transition: 0.3s;
}

.general-btn:hover p{
    color: #fff;
    left: 5px;
}

.general-btn .line{
    margin-right: -10px;
    height: 0.6px;
    width: 17px;
}

.general-btn .right-arrow{
    transition: 0.3s;
    opacity: 0;
    margin-right: 3px;
    margin-left: 3px;
}

.general-btn:hover .right-arrow{
    opacity: 1;
}

.dwd-btn{
    background-color: #FF6B3D;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    width: 200px;
    padding: 12px 0;
    white-space: nowrap;
    transition: 0.5s;
    border: 2px solid #FF6B3D;
}

.dwd-btn:hover{
    background-color: transparent;
    color: #FF6B3D;
}

/*About Us*/
#about{
    padding-top: 4rem;
    background-color: #fff
}

#about .about-container{
    background-image: url("/wp-content/uploads/2023/04/elock-malaysia-bg-b.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom 150px;
}

#about h1 span{
    display: block;
}

#about .gradient-text{
    background: linear-gradient(to bottom right, #336EFF, #2051CB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#about p{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#about .about-content .e-con-inner{
    gap: 60px;
}

#about .counter-wrap .e-con-inner{
    gap: 0px;
}

#about .lottie-container{
    position: absolute;
    bottom: 8%;
    right: 0;
    left: 0;
}

#about .lottie-door-lock{
    width: 30%;
}

/*Own A Harmonious Living Environment*/
#harmonious{
    padding: 2rem 0 6rem 0; 
    background-color: #fff
}

#harmonious .harmonious-header{
    width: 50%;
}

#harmonious .harmonious-text{
    width: 50%;
}

#harmonious h2 span{
    display: block;
}

#toggle-img{
    cursor: pointer;
}

/*Our Mission*/
#mission{
    height: 100vh;
    background-image: url("/wp-content/uploads/2023/05/AU-our-mission-group-bg.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

#mission .ms-desp{
    text-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}

#mission .divider{
    border: 1.5px solid #FF6B3D;
    width: 40px;
    margin: auto;
}

#mission h1{
    margin: 50px 0;
}

#mission p{
    width: 910px;
    margin-left: auto;
    margin-right: auto;
}

#mission h1 span{
    display: block;
}

/*Our purpose*/
#purpose .purpose-inner-sec{
    height: 100vh;
}

#purpose h1 span{
    display: block;
}

/*#purpose .p-desp{
    margin-top: 6rem
}*/

#purpose .divider{
    border: 1.5px solid #FF6B3D;
    width: 40px;
    margin: auto;
}

#purpose h1 {
    margin: 50px 0;
    color: transparent;
    background: url(/wp-content/uploads/2023/05/AU-our-vision-bg.png) fixed center center no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display:block;
}

#purpose p{
    width: 910px;
    margin-left: auto;
    margin-right: auto;
}

/*Our Core Values*/
#values{
    background-image: url("/wp-content/uploads/2023/05/AU-core-values-bg-group.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 7rem 0;
}

#values .value-block{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.35);
    grid-template-areas: 
    "vh desp desp";
    text-align: left;
    align-items: center;
}

#values .value-header img{
    position: absolute;  
    left: -12%;
}

#values .value-header{
    display: flex;
    align-items: center;
}

#values .value-header h1{
    z-index: 1;
    text-align: left;
}

#values .value-header span{
    display: block;
}

.value-header{grid-area: vh;}
.desp{grid-area: desp;}

.icon-wrap {
    margin: 20px auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    overflow: hidden;
}

.icon-wrap .icon {
    z-index: 1;
    transition: none !important;
}

.icon-wrap .white-circle {
    position: absolute;
    z-index: 0;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s ease-out;
}

.value-col:hover .icon-wrap .icon {
   filter: brightness(0) saturate(100%) invert(33%) sepia(50%) saturate(3433%) hue-rotate(215deg) brightness(101%) contrast(101%);
}

.value-col:hover .icon-wrap .white-circle {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/*Why Choose Us*/
#why-us{
    padding: 6rem 0;
    background-image: url("/wp-content/uploads/2023/05/AU-why-choose-us-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
}

#why-us span{
    display: block;
}

#why-us h2{
    margin-bottom: 50px;
}

.why-container{
    width: 1000px;
    margin: auto;
}

#why-us .why-text-col{
    width: 750px;
    margin: auto;
    text-align: center;
}

#why-us .why-text-wrap{
    display: flex;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 40px;
}

#why-us .general-btn{
    margin: auto;
}

/*Our Proud Projects*/
#projects{
    padding: 4rem 0 6rem 0;
    background-image: url("/wp-content/uploads/2023/04/elock-malaysia-bg-b.png"), url("/wp-content/uploads/2023/04/elock-malaysia-bg-b.png");
    background-repeat: no-repeat;
    background-size: 100%, 100%;
    background-position: center top, center bottom;
}

.projects-container .e-con-inner{
    gap: 80px;
}

.projects-block .e-con-inner{
    gap: 40px ;    
}

.projects-block .projects-left-col{
    text-align: right;
}

.projects-wrap-upper .projects-left-col, .projects-wrap-lower .projects-left-col{
    width: 45%;
}

.projects-wrap-upper .projects-right-col, .projects-wrap-lower .projects-right-col{
    width: 55%;
}

.projects-wrap-middle .projects-left-col{
    width: 50%;
}

.projects-wrap-middle .projects-right-col{
    width: 50%;
}

.projects-wrap-middle .projects-left-col h2{
    white-space: nowrap;
    float: right;
}

/*Download Our E-Catalogue*/
#catalogue{
    padding: 10rem 0;
    background-image: url("/wp-content/uploads/2023/05/AU-download-our-e-catalogue-xl.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

#catalogue h2{
    text-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}

/*Founder's Story*/
#founder{
    padding: 6rem 0;
    background-image: url("/wp-content/uploads/2023/04/elock-malaysia-bg-b.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}

#founder .founder-text-col{
    width: 500px;
}

#founder .founder-text-wrap{
    display: flex;
    justify-content: center;
    gap: 50px;
}

#founder .slogan{
    border: 1px solid #FF6B3D;
    padding: 15px;
    color: #FF6B3D;
    text-align: center;
}

#founder .jet-carousel__item{
    max-width: 600px;
}

/*Join Us*/
#join{
    background-color: #fff;
    padding-bottom: 6rem;
}

#join .join-container .e-con-inner{
    gap: 100px;
}

#join .join-left-col .e-con-inner, #join .join-right-col .e-con-inner{
    gap: 0px;
}

#join .btn-container .read-more{
    border: none;
    cursor: pointer;
    margin: 20px 0 40px 0;
}

#join .founder-text{
    display: none;
}

.btn-container #toggle:after{
    content: "";
    display: inline-flex;
    background: url("/wp-content/uploads/2023/05/Path-5431.svg") no-repeat;
    height: 8px;
    margin-left: 8px;
    width: 10px;
}

.btn-container  #toggle.less:after{
    content: "";
    display: inline-flex;
    background: url("/wp-content/uploads/2023/05/Path-5431.svg") no-repeat;
    height: 8px;
    margin-left: 8px;
    width: 10px;
    transform: rotate(180deg);
}

#join .join-img-mobile{
    display: none;
}


/*Responsive*/
@media (max-width: 1920px) {
#mission h1, #purpose h1, #values h1{
    font-size: 70px;
}

#about h1, #about .elementor-counter-number-wrapper span{
    font-size: 68px;
}

#harmonious h2{
    font-size: 48px;
}

#why-us h2, #projects h2, #catalogue h2, #founder h2, #join h3{
    font-size: 40px;
}

#about .elementor-counter-title{
    font-size: 30px;
}

#about h6, #about p, #harmonious p, #mission h6, #mission p, #purpose h6, #purpose p, #values h6, #values p, #why-us h6, #why-us p, .general-btn, #projects p, #founder p, #join p{
    font-size: 16px;
}

#catalogue{
    padding: 8rem 0;
}

}

@media (max-width: 1680px) {
#projects{
    background-size: 100%, 150%;
    background-position: center top, center bottom 10%;
}

}

@media (max-width: 1440px) {
#about h1, #about .elementor-counter-number-wrapper span, #mission h1, #purpose h1, #values h1{
    font-size: 65px;
}

#harmonious h2{
    font-size: 48px;
}

#why-us h2, #projects h2, #catalogue h2, #founder h2, #join h3{
    font-size: 38px;
}

#about .elementor-counter-title{
    font-size: 28px;
}

#projects{
    background-position: center top 10%, center bottom 20%;
}

#catalogue{
    background-position: right 20% top;
}

}

@media (max-width: 1280px) {
.about-content, .lottie-container, .harmonious-container, .mission-container, #purpose, .values-container, .why-container, .project-header-container, .projects-container, .catalogue-container, .founder-text-container, .join-container{
    width: 90%;
    margin: auto;
}

#about h1, #about .elementor-counter-number-wrapper span, #mission h1, #purpose h1, #values h1{
    font-size: 60px;
}

#harmonious h2{
    font-size: 45px;
}

#why-us h2, #projects h2, #catalogue h2, #founder h2, #join h3{
    font-size: 36px;
}

#about .elementor-counter-title{
    font-size: 26px;
}

#about h6, #about p, #harmonious p, #mission h6, #mission p, #purpose h6, #purpose p, #values h6, #values p, #why-us h6, #why-us p, .general-btn, #projects p, #founder p, #join p{
    font-size: 15px;
}

#founder .slick-initialized .slick-slide{
    width: 600px;
}

}

@media (max-width: 1140px) {
#about h1, #about .elementor-counter-number-wrapper span, #mission h1, #purpose h1, #values h1{
    font-size: 55px;
}

#harmonious h2{
    font-size: 42px;
}

#why-us h2, #projects h2, #catalogue h2, #founder h2{
    font-size: 34px;
}

#values .value-header{
    margin-left: 10%;
}

#values .value-header img{
    left: -10%;
    width: 40%;
}

.projects-wrap-middle .projects-left-col h2{
    float: none;
    white-space: normal;
}

#founder .slick-initialized .slick-slide{
    width: 550px;
}

#join .join-container .e-con-inner{
    gap: 80px;
}
   
}

@media (max-width: 1080px) {
#about h1, #about .elementor-counter-number-wrapper span, #mission h1, #purpose h1, #values h1{
    font-size: 50px;
}

#harmonious h2{
    font-size: 38px;
}

#why-us h2, #projects h2, #catalogue h2, #founder h2, #join h3{
    font-size: 32px;
}

#about .elementor-counter-title{
    font-size: 24px;
}

#about p, #mission p, #purpose p{
    width: auto;
}

#values{
    background-image: url("/wp-content/uploads/2023/05/AU-core-values-bg-group-s.png");
}

#values .value-header img{
    width: 35%;
}

#mission{
    background-attachment: initial;
}

.projects-wrap-middle .projects-left-col h2{
    float: right;
    white-space: nowrap;
}

#join .join-container .e-con-inner{
    gap: 60px;
}

}

@media (max-width: 980px) {
.about-content, .lottie-container, .harmonious-container, .mission-container, #purpose, .values-container, .why-container, .project-header-container, .projects-container, .catalogue-container, .founder-text-container{
    width: 85%;
    margin: auto;
}

#about h1, #about .elementor-counter-number-wrapper span, #mission h1, #purpose h1, #values h1{
    font-size: 45px;
}

#harmonious h2{
    font-size: 36px;
}

#join h3{
    font-size: 32px;    
}

#why-us h2, #projects .project-header-container h2, #catalogue h2, #founder h2{
    font-size: 30px;
}

#projects .projects-container h2{
    font-size: 28px;
}

#about .elementor-counter-title{
    font-size: 22px;
}

#mission{
    background-position: right 25% center;
}

#catalogue{
    padding: 6rem 0;
}

#values{
    padding: 6rem 0;
}

#values .value-block{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 0;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.35);
    grid-template-areas: 
    "vh desp"
}

#values .value-header{
    margin-left: 20%;
}

#values .value-header img{
    left: -9%;
    width: 45%;
}

}

@media (max-width: 900px) {
#about h1, #about .elementor-counter-number-wrapper span, #mission h1, #purpose h1, #values h1{
    font-size: 42px;
}

#harmonious h2{
    font-size: 34px;
}

#join h3{
    font-size: 30px;
}

#projects .projects-container h2{
    font-size: 26px;
}

#about .elementor-counter-title{
    font-size: 20px;
}

#values{
    padding: 5rem 0;
}

#values .value-block{
    gap: 30px 0;
}

#why-us{
    padding: 4rem 0;
}

#projects{
    padding: 2rem 0 4rem 0;
}

#founder{
    padding: 4rem 0;
}
  
}

@media (max-width: 850px){
#harmonious h2{
    font-size: 32px;
}

#harmonious h2 span{
    display: contents;
}
 
}

@media (max-width: 800px) {
#about h1, #about .elementor-counter-number-wrapper span, #mission h1, #purpose h1, #values h1{
    font-size: 40px;
}

#join h3{
    font-size: 28px;
}

#projects .projects-container h2{
    font-size: 24px;
}

#about .elementor-counter-title{
    font-size: 18px;
}

#harmonious{
    padding: 3rem 0; 
}

#harmonious .harmonious-text-wrap .e-con-inner{
    flex-direction: column;
    gap: 20px;
}

#harmonious .harmonious-header, #harmonious .harmonious-text{
    width: 100%;
    text-align: center;
}

#harmonious .break-glass-container .e-con-inner{
    justify-content: center;
}

#values .value-block{
    gap: 20px 0;
}

#why-us{
    background-image: url("/wp-content/uploads/2023/05/AU-why-choose-us-bg-s-e1683786682589.png");
}

#join .join-left-col{
    width: 60%;
    margin: auto;
}

#join .join-right-col{
    width: 80%;
    margin: auto;
}

#join .join-container .e-con-inner{
    flex-direction: column;
}

#join .founder-text{
    display: block;
    margin-bottom: 30px;
}

}

@media (max-width: 767px) {
#about .elementor-counter-number-wrapper span{
    font-size: 65px;
}

#about h1, #mission h1, #purpose h1, #values h1{
    font-size: 38px;
}

#join h3{
    font-size: 36px;
}

#about .elementor-counter-title{
    font-size: 30px;
}

#projects .projects-container h2{
    font-size: 22px;
}

#join p{
    font-size: 16px;
}

#about .about-container{
    background-size: 100%;
    background-position: center ;
}

#about .counter-wrap .e-con-inner{
    flex-direction: column;
    gap: 40px;
}

#about .lottie-container{
    display: none;
}

#harmonious .break-glass-container{
    display: none;
}

#mission{
    height: 810px; 
    background-position: right 5% center;
}

#purpose .p-desp {
    margin-bottom: 0rem;
}

#mission h1, #purpose h1 {
    margin: 30px 0;
}

#why-us .why-text-col{
    width: 100%;
    text-align: center;
}

#why-us .why-text-wrap{
    flex-direction: column;
    gap: 0px;
}

#projects {
    padding: 0 0 4rem 0;
    background-size: 150%;
    background-position: center top 10%, center bottom 25%;
}

.projects-container{
    width: 65%;
}

.projects-container .e-con-inner{
    gap: 50px;
}

.projects-block .e-con-inner{
    gap: 20px ;    
}

.projects-wrap-middle{
    margin-bottom: 40px;
}

.projects-block .projects-left-col, .projects-block .projects-right-col{
    text-align: center;
}

.projects-wrap-upper .projects-left-col, 
.projects-wrap-lower .projects-left-col,
.projects-wrap-upper .projects-right-col, 
.projects-wrap-lower .projects-right-col,
.projects-wrap-middle .projects-left-col,
.projects-wrap-middle .projects-right-col{
    width: 100%;
}

.projects-wrap-middle .projects-left-col h2{
    float: none;
}

#catalogue h2{
    text-align: center;
}

#catalogue .dwd-btn{
    margin: auto;
}

#catalogue .dwd-btn:hover{
    background: #fff;
}

#founder h2 span{
    display: block;
}

#founder .founder-text-col{
    width: 100%;
    text-align: center;
}

#founder .founder-text-wrap{
    flex-direction: column;
    gap: 0px;
}

.join-container{
    width: 85%;
    margin: auto;
}

#join .join-left-col{
    width: 80%;
}

#join .join-right-col{
    width: 100%;
}

#join .general-btn{
    margin: auto;
}

}

@media (max-width: 700px) {
#about .elementor-counter-number-wrapper span{
    font-size: 60px;
}

#about h1, #mission h1, #purpose h1, #values h1{
    font-size: 36px;
}

#join h3{
    font-size: 34px;
}

#about .elementor-counter-title{
    font-size: 28px;
}

.projects-container{
    width: 70%;
}

#values .value-block{
    gap: 0px;
}

#founder{
    background-position: center bottom 20%;
}

#founder .slick-initialized .slick-slide {
    width: 500px;
}

#join{
    padding-bottom: 3rem;
}

#join .join-left-col{
    display: none;
}

#join .join-img-mobile{
    display: block;
}

#join .join-container{
    width: 100%;
}

#join .join-desp{
    width: 85%;
    margin: auto;
}
   
}

@media (max-width: 600px) {
#about .elementor-counter-number-wrapper span{
    font-size: 55px;
}

#about h1, #mission h1, #purpose h1, #values h1{
    font-size: 34px;
}

#join h3{
    font-size: 32px;
}

#about .elementor-counter-title{
    font-size: 26px;
}

#projects .projects-container h2{
    font-size: 20px;
}

#join p{
    font-size: 15px;
}

#about .about-container{
    background-size: 150%;
}

#mission h1 span{
    display: contents;
}


#purpose h1 span{
    display: contents;
}

#values{
    padding: 4rem 0;
}

#values .value-block{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 0;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.35);
    grid-template-areas: 
    "vh"
    "desp";
    text-align: center;
}

#values .value-header img{
    left: 0%;
    width: 40%;
}

#values .value-header{
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

#values .value-header span{
    display: contents;    
}

.projects-container{
    width: 75%;
}

#catalogue h2 span{
    display: block;
}

#founder .slick-initialized .slick-slide {
    width: 450px;
}

}

@media (max-width: 500px) {
#about .elementor-counter-number-wrapper span{
    font-size: 50px;
}

#about h1, #mission h1, #purpose h1, #values h1{
    font-size: 32px;
}

#join h3{
    font-size: 30px;
}

#about .elementor-counter-title{
    font-size: 24px;
}

#mission h1 span{
    display: contents;
}

#why-us{
    background-image: url("/wp-content/uploads/2023/05/AU-why-choose-us-bg-xs.png");
}

#values .value-header img{
    left: -10%;
    width: 50%;
}

#projects {
    background-position: center top 15%, center bottom 30%;
}

.projects-container{
    width: 80%;
}

#catalogue{
    background-image: url("/wp-content/uploads/2023/05/AU-download-our-e-catalogue-xs.png");
}

#founder .slick-initialized .slick-slide {
    width: 400px;
}

}

@media (max-width: 400px) {
#about h1, #mission h1, #purpose h1, #values h1{
    font-size: 30px;
}

#why-us h2, #projects .project-header-container h2, #catalogue h2, #founder h2, #join h3{
    font-size: 28px;
}

#founder .slick-initialized .slick-slide {
    width: 350px;
}
   
}/* End custom CSS */