/*PAGE-LOADER*/
.pLoader{height: 100%;width: 100%;position: fixed;overflow: hidden;background-color: #fff;z-index: 999999;}
.pLoad{width: 120px; height: 120px; margin: auto;position: fixed;top: 0;bottom: 0;left: 0;right: 0;border-radius: 100%;}
/*PAGE-LOADER*/

html {font-family: 'metropolisregular'; width: 100%;}
body {font-family: 'metropolisregular'; padding: 0px; margin: 0px; width: 100%;color: #2D2D2D;font-size: 18px;line-height: 1.6;background-color: transparent;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 10px; }
body::-webkit-scrollbar {width: 8px; background-color: #F5F5F5; }
body::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #959fa5;}
.container95 {max-width: 100%; width: 95%; margin: 0 auto;padding: 0;}
.container90 {max-width: 100%; width: 90%; margin: 0 auto;padding: 0;}
.container85 {max-width: 1366px; width: 85%; margin: 0 auto;padding: 0;}
.container80 {max-width: 1366px; width: 80%; margin: 0 auto;padding: 0;}
.container75 {max-width: 1366px; width: 75%; margin: 0 auto;padding: 0;}
.container1280 {max-width: 1280px; margin: 0 auto;padding: 0;}
.container1200 {max-width: 1200px; margin: 0 auto;padding: 0;}
.container1180 {max-width: 1180px; margin: 0 auto;padding: 0;}
.container1080 {max-width: 1080px; margin: 0 auto;padding: 0;}
.container1020 {max-width: 1020px; margin: 0 auto;padding: 0;}
.container980 {max-width: 980px; margin: 0 auto;padding: 0;}
.container960 {max-width: 960px; margin: 0 auto;padding: 0;}
.container900 {max-width: 900px; margin: 0 auto;padding: 0;}
.container800 {max-width: 800px; margin: 0 auto;padding: 0;}
.container750 {max-width: 750px; margin: 0 auto;padding: 0;}
.desktop, .desktop991, .desktop840, .desktop767, .desktop680, .desktop580, .desktop520 { display: block !important; }
.mobile, .mobile991, .mobile840, .mobile767, .mobile680, .mobile580, .mobile520 { display: none !important; }

/*SIDE-FADE*/
.sideFadeObj{position: relative;top: 0;opacity:0;}
.sideFadeObj.sideFadeInit {-webkit-animation-name: sideFadeObj;animation-name: sideFadeObj;-webkit-animation-duration: .9s;animation-duration: .9s;top: 0;opacity: 1;}
@-webkit-keyframes sideFadeObj {0%   {opacity: 0;transform: scale(0.8);} 100%  {opacity: 1;transform: scale(1);} }
@keyframes sideFadeObj {0%   {opacity: 0;transform: scale(0.8);} 100%  {opacity: 1;transform: scale(1);} }
/*SIDE-FADE*/

/*LOAD-ANIMATION-FROM-TOP*/
.frmTop{position: relative;top: 0;opacity:0;}
.frmTop.inFrmTop {-webkit-animation-name: frmTop;animation-name: frmTop;-webkit-animation-duration: .9s;animation-duration: .9s;top: 0;opacity: 1;}
@-webkit-keyframes frmTop {0%   {top: -70px;opacity: 0;} 100%  {top: 0px;opacity: 1;} }
@keyframes frmTop {0%   {top: -70px;opacity: 0;} 100%  {top: 0px;opacity: 1;} }
/*LOAD-ANIMATION-FROM-TOP*/

/*LOAD-ANIMATION-FROM-BOTTOM*/
.frmBtm{position: relative;bottom: 0;opacity:0;}
.frmBtm.inFrmBtm {-webkit-animation-name: frmBottom;animation-name: frmBottom;-webkit-animation-duration: .9s;animation-duration: .9s;bottom: 0;opacity: 1;}
@-webkit-keyframes frmBottom { 0% {bottom: -70px;opacity: 0;} 100%  {bottom: 0px;opacity: 1;} }
@keyframes frmBottom { 0% {bottom: -70px;opacity: 0;} 100%  {bottom: 0px;opacity: 1;} }
/*LOAD-ANIMATION-FROM-BOTTOM*/

/*LOAD-ANIMATION-FROM-LEFT*/
.frmLeft{position: relative;left: 0;opacity:0;}
.frmLeft.inFrmLeft {-webkit-animation-name: frmLeft;animation-name: frmLeft;-webkit-animation-duration: .9s;animation-duration: .9s;left: 0;opacity: 1;}
@-webkit-keyframes frmLeft {0%   {left: -70px;opacity: 0;} 100%  {left: 0px;opacity: 1;} }
@keyframes frmLeft {0%   {left: -70px;opacity: 0;} 100%  {left: 0px;opacity: 1;} }
/*LOAD-ANIMATION-FROM-LEFT*/

/*LOAD-ANIMATION-FROM-RIGHT*/
.frmRight{position: relative;right: 0;opacity:0;}
.frmRight.inFrmRight {-webkit-animation-name: frmRight;animation-name: frmRight;-webkit-animation-duration: .9s;animation-duration: .9s;right: 0;opacity: 1;}
@-webkit-keyframes frmRight {0%   {right: -70px;opacity: 0;} 100%  {right: 0px;opacity: 1;} }
@keyframes frmRight {0%   {right: -70px;opacity: 0;} 100%  {right: 0px;opacity: 1;} }
/*LOAD-ANIMATION-FROM-RIGHT*/

/*LOAD-ANIMATION-FROM-CENTER*/
.frmCtr{position: relative;top: 0;opacity:0;}
.frmCtr.inFrmCtr {-webkit-animation-name: frmCenter;animation-name: frmCenter;-webkit-animation-duration: .9s;animation-duration: .9s;top: 0;opacity: 1;}
@-webkit-keyframes frmCenter {0% {transform: scale(0.8);opacity: 0;} 100% {transform: scale(1);opacity: 1;} }
@keyframes frmCenter {0% {transform: scale(0.8);opacity: 0;} 100% {transform: scale(1);opacity: 1;} }
/*LOAD-ANIMATION-FROM-CENTER*/

/*HANG-ANIMATION*/
.itemHang {animation-name: hvrHangSink, hvrHang;animation-duration: .1s, 2s;animation-delay: 0s, .3s;animation-timing-function: ease-out, ease-in-out;animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }
@-webkit-keyframes hvrHang {
    0% {transform: translateY(10px);} 50% {transform: translateY(0px); } 100% {transform: translateY(13px); }
}
@keyframes hvrHang {
    0% {transform: translateY(10px);} 50% {transform: translateY(0px); } 100% {transform: translateY(13px); }
}
@-webkit-keyframes hvrHangSink {
    100% {transform: translateY(10px);}
}
@keyframes hvrHangSink {
    100% {transform: translateY(10px);}
}
.slightHang {animation-name: shvrHangSink, shvrHang;animation-duration: .1s, 2s;animation-delay: 0s, .3s;animation-timing-function: ease-out, ease-in-out;animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }
@-webkit-keyframes shvrHang {
    0% {transform: translateY(4px);} 50% {transform: translateY(0px); } 100% {transform: translateY(6px); }
}
@keyframes shvrHang {
    0% {transform: translateY(4px);} 50% {transform: translateY(0px); } 100% {transform: translateY(6px); }
}
@-webkit-keyframes shvrHangSink {
    100% {transform: translateY(4px);}
}
@keyframes shvrHangSink {
    100% {transform: translateY(4px);}
}
/*HANG-ANIMATION*/


/*MISCELLANEOUS*/
    *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    *{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    *{scrollbar-width: thin;}
    *:focus { outline: none; }
    a{color: inherit;text-decoration: none;-webkit-transition: .3s; transition: .3s;}
    img{height: auto; width: auto; max-width: 100%;display: inline-block;}
    .noScroll{height: 100%;width: 100%;overflow: hidden;}
    .clear { clear: both; }
    /*.error { color: red; font-size: 13px;display: none; }
    .success{color: green; font-size: 13px;display: none; }*/
    .w100 { width: 100%; }
    .bold, b, strong { font-weight: 700; }
    .uppercase { text-transform: uppercase !important }
    .pointer { cursor: pointer !important; }
    .textLeft { text-align: left !important }
    .textRight { text-align: right !important }
    .textCenter { text-align: center !important }
    .textJustify { text-align: justify !important }
    .autoCenter{margin: 0 auto;}
    .vAlignMiddle{vertical-align: middle;}
    .positionRelative { position: relative; }
    .positionAbsolute { position: absolute; }
    .positionSticky { position: sticky; }
    .objectfitCover{object-fit: cover;}
    .absoluteCenter { left: 0; right: 0; text-align: center; position: absolute; }
    .overflowHidden{overflow: hidden;}
    .overflowAuto{overflow: auto;}
    .lineThrough{text-decoration: line-through;}
    .autoCtrImg{display: block;width: auto;max-width: 100%;margin: 0 auto;}
    .dBlock { display: block !important; }
    .dInline { display: inline; }
    .dInlineBlock { display: inline-block; }
    .dNone { display: none; }
    .desktop, .desktop991, .desktop840, .desktop520, .desktop480 { display: block; }
    .mobile, .mobile991, .mobile840, .mobile520, .mobile480 { display: none; }
    .zindex1{z-index: 1;}
    .zindex2{z-index: 2;}
    .zindex3{z-index: 3;}
/*MISCELLANEOUS*/

/*GAPPINGS*/
    .p0 { padding: 0px !important; }
    .p5 { padding: 5px !important; }
    .p10 { padding: 10px !important; }
    .p15 { padding: 15px !important; }
    .p20 { padding: 20px !important; }
    .p25 { padding: 25px !important; }
    .p30 { padding: 30px !important; }
    .pr5 { padding-right: 5px !important; }
    .pr10 { padding-right: 10px !important; }
    .pr15 { padding-right: 15px !important; }
    .pr20 { padding-right: 20px !important; }
    .pr30 { padding-right: 30px !important; }
    .pr80 { padding-right: 80px !important; }
    .pl5 { padding-left: 5px !important; }
    .pl10 { padding-left: 10px !important; }
    .pl15 { padding-left: 15px !important; }
    .pl20 { padding-left: 20px !important; }
    .pl30 { padding-left: 30px !important; }
    .pl50 { padding-left: 50px !important; }
    .pt5 { padding-top: 5px !important; }
    .pt10 { padding-top: 10px !important; }
    .pt15 { padding-top: 15px !important; }
    .pt20 { padding-top: 20px !important; }
    .pt30 { padding-top: 30px !important; }
    .pt50 { padding-top: 50px !important; }
    .pt70 { padding-top: 70px !important; }
    .pb5 { padding-bottom: 5px !important; }
    .pb10 { padding-bottom: 10px !important; }
    .pb15 { padding-bottom: 15px !important; }
    .pb20 { padding-bottom: 20px !important; }
    .pb30 { padding-bottom: 30px !important; }
    .pb50 { padding-bottom: 50px !important; }
    .mr5 { margin-right: 5px !important; }
    .mr10 { margin-right: 10px !important; }
    .mr15 { margin-right: 15px !important; }
    .mr20 { margin-right: 20px !important; }
    .mr30 { margin-right: 30px !important; }
    .mr60 { margin-right: 60px !important; }
    .mr80 { margin-right: 80px !important; }
    .m0 { margin: 0px !important; }
    .m5 { margin: 5px !important; }
    .m10 { margin: 10px !important; }
    .m15 { margin: 15px !important; }
    .m20 { margin: 20px !important; }
    .m25 { margin: 25px !important; }
    .m30 { margin: 30px !important; }
    .ml5 { margin-left: 5px !important; }
    .ml10 { margin-left: 10px !important; }
    .ml15 { margin-left: 15px !important; }
    .ml20 { margin-left: 20px !important; }
    .ml30 { margin-left: 30px !important; }
    .ml50 { margin-left: 50px !important; }
    .mt5 { margin-top: 5px !important; }
    .mt10 { margin-top: 10px !important; }
    .mt15 { margin-top: 15px !important; }
    .mt20 { margin-top: 20px !important; }
    .mt25 { margin-top: 25px !important; }
    .mt30 { margin-top: 30px !important; }
    .mt40 { margin-top: 40px !important; }
    .mt50 { margin-top: 50px !important; }
    .mt60 { margin-top: 60px !important; }
    .mt120 { margin-top: 120px !important; }
    .mb5 { margin-bottom: 5px !important; }
    .mb10 { margin-bottom: 10px !important; }
    .mb15 { margin-bottom: 15px !important; }
    .mb20 { margin-bottom: 20px !important; }
    .mb30 { margin-bottom: 30px !important; }
    .mb40 { margin-bottom: 40px !important; }
    .mb50 { margin-bottom: 50px !important; }
    .mb60 { margin-bottom: 60px !important; }
    .mb70 { margin-bottom: 70px !important; }

    .p0030 { padding-top: 0px;  padding-bottom: 30px }
    .p0060 { padding-top: 20px;  padding-bottom: 60px }
    .p3000 { padding-top: 30px; padding-bottom: 0px }
    .p6000 { padding-top: 60px; padding-bottom: 0px }
    .p3030 { padding-top: 30px; padding-bottom: 30px }
    .p6060 { padding-top: 25px; padding-bottom: 60px }
    .p3060 { padding-top: 30px; padding-bottom: 60px }
    .p6030 { padding-top: 60px; padding-bottom: 30px }
    .p0090 { padding-top: 00px; padding-bottom: 90px }
    .p9000 { padding-top: 90px; padding-bottom: 00px }
    .p3090 { padding-top: 30px; padding-bottom: 90px }
    .p9030 { padding-top: 90px; padding-bottom: 30px }
    .p6090 { padding-top: 60px; padding-bottom: 90px }
    .p9060 { padding-top: 90px; padding-bottom: 60px }
    .p9090 { padding-top: 90px; padding-bottom: 90px }
    .p00120 { padding-top: 0px; padding-bottom: 120px }
    .p12000 { padding-top: 120px; padding-bottom: 0px }
    .p30120 { padding-top: 30px; padding-bottom: 120px }
    .p12030 { padding-top: 120px; padding-bottom: 30px }
    .p60120 { padding-top: 60px; padding-bottom: 120px }
    .p12060 { padding-top: 120px; padding-bottom: 60px }
    .p90120 { padding-top: 90px; padding-bottom: 120px }
    .p12090 { padding-top: 120px; padding-bottom: 90px }
    .p120120 { padding-top: 120px; padding-bottom: 120px }

    .p0020 { padding-top: 0px;  padding-bottom: 20px }
    .p2000 { padding-top: 20px;  padding-bottom: 0px }
    .p2020 { padding-top: 20px;  padding-bottom: 20px }
    .p2040 { padding-top: 20px;  padding-bottom: 40px }
    .p4020 { padding-top: 40px;  padding-bottom: 20px }
    .p0040 { padding-top: 0px;  padding-bottom: 40px }
    .p4000 { padding-top: 40px;  padding-bottom: 0px }
    .p4040 { padding-top: 40px;  padding-bottom: 40px }

    .m0030 { margin-top: 0px;  margin-bottom: 30px }
    .m0060 { margin-top: 0px;  margin-bottom: 60px }
    .m3000 { margin-top: 30px; margin-bottom: 0px }
    .m6000 { margin-top: 60px; margin-bottom: 0px }
    .m3030 { margin-top: 30px; margin-bottom: 30px }
    .m6030 { margin-top: 60px; margin-bottom: 30px }
    .m6060 { margin-top: 60px; margin-bottom: 60px }

    .m0020 { margin-top: 0px;  margin-bottom: 20px }
    .m2000 { margin-top: 20px;  margin-bottom: 0px }
    .m2020 { margin-top: 20px;  margin-bottom: 20px }
    .m2040 { margin-top: 20px;  margin-bottom: 40px }
    .m4020 { margin-top: 40px;  margin-bottom: 20px }
    .m0040 { margin-top: 0px;  margin-bottom: 40px }
    .m4000 { margin-top: 40px;  margin-bottom: 0px }
    .m4040 { margin-top: 40px;  margin-bottom: 40px }
/*GAPPINGS*/

/* FLEX */
    .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
    .flexResponsive991, .flexResponsive840, .flexResponsive768, .flexResponsive680, .flexResponsive660, .flexResponsive520, .flexResponsive480 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
    .flexMob767{display: block;}
    .flex1 { flex: 1; }
    .flex2 { flex: 2; }
    .flex3 { flex: 3; }
    .flex4 { flex: 4; }
    .flex5 { flex: 5; }
    .flex6 { flex: 6; }
    .flex7 { flex: 7; }
    .flex8 { flex: 8; }
    .flex9 { flex: 9; }
    .flex10 { flex: 10; }
    .flex100 { flex: 100% !important; }
    .order1 { order: 1; }
    .order2 { order: 2; }
    .order3 { order: 3; }
    .flexWeird { -webkit-flex:1 0 auto; }
    .flexDirectionRow { -moz-box-direction: row; -webkit-box-direction: row; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flexbox-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .flexDirectionCol { -moz-box-direction: column; -webkit-box-direction: column; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flexbox-direction: column; -ms-flex-direction: column; flex-direction: column; }

    .flexWrap { -moz-box-wrap: wrap; -webkit-box-wrap: wrap; -ms-flexbox-wrap: wrap; flex-wrap: wrap; }
    .flexNoWrap { -moz-box-wrap: nowrap; -webkit-box-wrap: nowrap; -ms-flexbox-wrap: nowrap; flex-wrap: nowrap; }
    .flexWrapReverse { -moz-box-wrap: wrap-reverse; -webkit-box-wrap: wrap-reverse; -ms-flexbox-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

    .flexJustifyBetween { -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; }
    .flexJustifyAround { -webkit-justify-content: space-around; -ms-flex-pack: space-around; justify-content: space-around; }
    .flexJustifyStart { -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; }
    .flexJustifyEnd { -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; }
    .flexJustifyCenter { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

    .flexAlignItemsCenter { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
    .flexAlignItemsBaseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; }
    .flexAlignItemsStart { -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
    .flexAlignItemsEnd { -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; }
    .flexAlignItemsStretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }

    .flexAlignContentCenter { -webkit-box-align-content: center; -webkit-align-content: center; -ms-flex-align-content: center; align-content: center; }
    .flexAlignContentAround { -webkit-box-align-content: space-around; -webkit-align-content: space-around; -ms-flex-align-content: space-around; align-content: space-around; }
    .flexAlignContentStart { -webkit-box-align-content: flex-start; -webkit-align-content: flex-start; -ms-flex-align-content: flex-start; align-content: flex-start; }
    .flexAlignContentEnd { -webkit-box-align-content: flex-end; -webkit-align-content: flex-end; -ms-flex-align-content: flex-end; align-content: flex-end; }
    .flexAlignContentBetween { -webkit-box-align-content: space-between; -webkit-align-content: space-between; -ms-flex-align-content: space-between; align-content: space-between; }
    .flexAlignContentStretch { -webkit-box-align-content: stretch; -webkit-align-content: stretch; -ms-flex-align-content: stretch; align-content: stretch; }

    .flexCent1{width: 1%;}
    .flexCent2{width: 2%;}
    .flexCent3{width: 3%;}
    .flexCent4{width: 4%;}
    .flexCent5{width: 5%;}
    .flexCent6{width: 6%;}
    .flexCent7{width: 7%;}
    .flexCent8{width: 8%;}
    .flexCent9{width: 9%;}
    .flexCent10{width: 10%;}

    .flexHalfWidth{width: 50%;}
/* FLEX */

/*WIDTH*/
    .h100Cent{height: 100%;}

    .w100Cent, .fullWidth{width: 100%;}
    .w90Cent{width: 90%;}
    .w80Cent{width: 80%;}
    .w70Cent{width: 70%;}
    .w60Cent{width: 60%;}
    .w50Cent{width: 50%;}
    .w40Cent{width: 40%;}
    .w33Cent{width: 33%;}
    .w30Cent{width: 30%;}
    .w25Cent{width: 25%;}
    .w20Cent{width: 20%;}
    .w10Cent{width: 10%;}

    .w100{width: 100px;}
    .w150{width: 150px;}
    .w200{width: 200px;}
    .w250{width: 250px;}
    .w300{width: 300px;}
    .w350{width: 350px;}
    .w400{width: 400px;}
    .w450{width: 450px;}
    .w500{width: 500px;}
    .w550{width: 550px;}
    .w600{width: 600px;}
    .w650{width: 650px;}
    .w700{width: 700px;}
    .w750{width: 750px;}
    .w50{width: 50px;}

    .min100{min-width: 100px;}
    .min150, .minw150{min-width: 150px;}
    .min200{min-width: 200px;}
    .min250{min-width: 250px;}
    .min300{min-width: 300px;}
    .min350{min-width: 350px;}
    .min400{min-width: 400px;}
    .min450{min-width: 450px;}
    .min500{min-width: 500px;}
    .min550{min-width: 550px;}
    .min600{min-width: 600px;}
    .min650{min-width: 650px;}
    .min700{min-width: 700px;}
    .min750{min-width: 750px;}

    .max100{max-width: 100px;}
    .max150{max-width: 150px;}
    .max200{max-width: 200px;}
    .max250{max-width: 250px;}
    .max300{max-width: 300px;}
    .max350{max-width: 350px;}
    .max400{max-width: 400px;}
    .max450{max-width: 450px;}
    .max500{max-width: 500px;}
    .max550{max-width: 550px;}
    .max600{max-width: 600px;}
    .max650{max-width: 650px;}
    .max700{max-width: 700px;}
    .max750{max-width: 750px;}
    .max900{max-width: 900px;}
/*WIDTH*/

/*COLORS / BUTTONS / LINKS*/
    .black{color: #000000 !important;}
    .white{color: #ffffff !important;}
    .orange{color: #52a678 !important;}
    .blue{color: #235EF7 !important;}
    .grey{color: #909090 !important;}

    .bgWhite{background-color: #ffffff !important;}
    .bgBlack{background-color: #000000 !important;}
    .bgOrange{background-color: #F0612C !important;}
    .bgOrangeL{background-color: #FCF4EC !important;}
    .bgGrey{background-color: #F5F5F5 !important;}
    .bgGreyL{background-color: #FBFBFB !important;}
    .bgGreyD{background-color: #494949 !important;}
    .bgGrad{background-color: #787809}

    .btnOrange{font-size: 16px;line-height: 16px;color: #fff;border: none;background-color:#52a678; padding: 10px 16px;font-weight: 400; display: inline-block;min-width: 132px; text-align: center; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
    .linkArrow{font-size: 16px;display: inline-block; color: #F0612C;background-image: url('../images/icons/arrowTilt.svg');background-repeat: no-repeat;background-position: center right;background-size: 20px;padding-right: 24px;}

    .linkBlue{color: #235EF7;font-size: 16px; cursor: pointer;border: none;}
    .linkOrange{color: #F0612C;font-size: 16px; cursor: pointer;border: none;}
/*COLORS / BUTTONS / LINKS*/

/*TYPOGRAPHY*/
    p{margin: 0;padding: 0;line-height: ;}
    h1,h2,h3,h4,h5,h6{margin-top: 0;margin-bottom: 0;line-height: 1.6;font-weight: 400;color: #2C3145;}
    h1{font-size: 45px;line-height: 1.2;}
    h2{font-size: 24px;font-weight: 700;}
    h3{font-size: 20px;font-weight: 700;}
    h4{font-size: 18px;font-weight: 700;}
    h5{font-size: 16px;font-weight: 700;}
    h6{font-size: 14px;font-weight: 700;}
    input, button, textarea, select, label{font-family: 'metropolisregular';}
    .f10{font-size: 10px;}
    .f12{font-size: 12px;}
    .f14{font-size: 14px;}
    .f16{font-size: 16px;}
    .f18{font-size: 18px;}
    .f20{font-size: 20px;}

    .metropolis{font-family: 'metropolisregular';}
    .metropolisbold{font-family: 'metropolisbold';}

    .wt400{font-weight: 400 !important;}
    .wt600{font-weight: 600 !important;}
    .wt700{font-weight: 700 !important;}

    input[type=number] { -moz-appearance: textfield; }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
    }
    ::placeholder {opacity: 0.5;}
    :-ms-input-placeholder {opacity: 0.5;}
    ::-ms-input-placeholder {opacity: 0.5;}
    button::-moz-focus-inner {border: 0;}
    textarea { resize: none; }
/*TYPOGRAPHY*/

/*NORMALISE-CSS*/
.slick-dots li button{border: 1px solid #0DB1F6;background-color: transparent;border-radius: 100%;width: 9px;height: 9px;padding: 0;}
.slick-dots li.slick-active button{background-color: #0DB1F6;}
.slick-dots li button:before{display: none;}

.slick-prev, .slick-next{bottom: -20px; top: unset;}
.slick-prev::before, .slick-next::before{display: none;}
.slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus{background-repeat: no-repeat;width: 40px;height: 40px; background-position: center;background-size: 40px;z-index: 1;}
.slick-prev, .slick-prev:hover, .slick-prev:focus{background-image: url('../images/icons/arrLeft.svg');}
.slick-next, .slick-next:hover, .slick-next:focus{background-image: url('../images/icons/arrRight.svg');}
.slick-prev.slick-disabled, .slick-prev.slick-disabled:hover, .slick-prev.slick-disabled:focus{background-image: url('../images/icons/arrLeftGrey.svg');}
.slick-next.slick-disabled, .slick-next.slick-disabled:hover, .slick-next.slick-disabled:focus{background-image: url('../images/icons/arrRightGrey.svg');}
.slick-prev{right: 8%;left: unset;}
.slick-next{right: calc(8% - 40px);}
/*NORMALISE-CSS*/

/*GENERAL-CSS*/
.bodyContainer{min-height: calc(100vh - 107px);padding-top: 107px;}
.bdrWhite{border-bottom: 1px solid #fff;}

.boxPad{padding: 40px 35px;}
.boxRadius{border-radius: 20px;overflow: hidden;}

.sectionBg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.serviceSlider, .socialMediaSlider, .gallerySlider{padding-bottom: 60px;}

.gridCol1{display: grid; grid-template-columns: repeat(1, 1fr);}
.gridCol2{display: grid; grid-template-columns: repeat(2, 1fr);}
.gridCol3{display: grid; grid-template-columns: repeat(3, 1fr);}
.gridCol4{display: grid; grid-template-columns: repeat(4, 1fr);}
.gridGap20{grid-gap: 20px;}
.gridGap30{grid-gap: 30px;}
.gridGap40{grid-gap: 40px;}

iframe.mapBox{border: 0;width: 100%;height: 450px;border-radius: 20px;overflow: hidden;}
.serviceVideo{width: 100%; height: 350px;}

.keyFigSlider{position: relative;}
.keyFigSlider h2{position: absolute;left: 34px;top: 40px;z-index: 1;}
.keyFigSlider img{max-height: 50vh;height: 350px; width: 100%;display: block;object-fit: cover;}

.aboutFacilityGrid{display: grid;grid-gap: 60px 30px; grid-template-columns: repeat(3, 1fr);}
.aboutFacilityGrid img{margin-bottom: 10px;}

.pinkPatternBg{background-color: #FCF1E8;background-image: url('../images/static/boxPatternLeft.svg'), url('../images/static/boxPatternRight.svg');background-repeat: no-repeat;background-position: left bottom,right top;background-size: contain;}
/*GENERAL-CSS*/

/*HEADER*/
header{background-color: #eee;padding: 4px 3%;height: 107px;box-shadow: 0 0 6px rgba(0,0,0,0); position: fixed; top: 0; left: 0; right: 0;width: 100%;z-index: 9999;-webkit-transition: .05s; transition: .05s;}
header.stickHeader{box-shadow: 0 0 6px rgba(0,0,0,0.3);}
header .headerInner{position: relative; -webkit-transition: .08s; transition: .08s;}
header.stickHeader .headerInner{-webkit-transition: .3s; transition: .3s;}
header .topLogo {max-height: 100px;}
header .topLogo img{display: block;height: 120px;}
header .mainMenu .item{display: block;font-size: 16px;padding: 32px 15px;text-align: center;-webkit-transition: .3s;transition: .3s;}
header .mainMenu .item:last-child{padding-right: 0;}
header .mainMenu a.item:hover, header .mainMenu a.item.active, header .mmSubMenu .mmsItem:hover, header .mmSubMenu .mmsItem.active, header .hsTitle:hover, header .hsTitle:active{color: #F0612C;}
header .hasSub .hsTitle{padding-right: 30px; background-image: url('../images/icons/plus.svg');background-repeat: no-repeat;background-position: right center;}
header .hasSub.mouseenter .hsTitle{background-image: url('../images/icons/minus.svg');}
header .hsTitle{display: block; cursor: pointer;-webkit-transition: .3s;transition: .3s;}
header .mmSubMenu{display: none; font-size: 14px; position: absolute;top: 92px;right: 0;width: 100%;left:50%;text-align: left; background-color: none;box-shadow: 0px 3px 7px rgba(0,0,0,0.1);-webkit-transition: .3s;transition: .3s;}
header .mmSubMenu .mmsContent{width: 35%;max-width: 100%; padding: 40px 60px 60px;background-color:#ddd;-webkit-box-shadow:0px 0px 10px #8f8f8f;}
header .mmSubMenu .mmsHeading{font-size: 20px;margin-bottom: 20px;position: relative;display: inline-block; padding-right: 40px;}
header .mmSubMenu .mmsHeading:after{content: '';position: absolute;right: 0;top: 0;bottom: 0;margin: auto;height: 2px;width: 15px;background-color: #235EF7;}
header .mmSubMenu .mmsThumb{position: absolute;right: 0;top: 0;height: 100%;width: 70%;display: block;object-fit: cover;}
header .mmSubMenu .mmsItem{padding: 5px 0;display: block;}
header .mmSubMenu .mmsItem span{text-decoration: none;}
header .mmSubMenu .mmsItem.mmsTitle{font-size: 18px;font-weight: 700;margin-bottom: 5px;}
/*HEADER*/

/*MENU-ICON*/
#navIcon { display: none; width: 28px; height: 16px; position: relative; z-index: 1000; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#navIcon span {display: block; position: absolute; height: 2px; width: 100%; background: #151515; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#navIcon span:nth-child(1) {top: 0px; }
#navIcon span:nth-child(2) {top: 7px; }
#navIcon span:nth-child(3) {top: 14px; }
#navIcon.open span:nth-child(1) {top: 9px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#navIcon.open span:nth-child(2) {opacity: 0; left: -60px; }
#navIcon.open span:nth-child(3) {top: 9px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
/*MENU-ICON*/

/*GENERAL*/
.tabContent, .subtabContent{display: none;}

.homeIcon{background-image: url('../images/icons/home.svg');background-repeat: no-repeat;background-position: center;width: 30px; height: 30px; padding: 30px; background-color: #fff; display: block; border-radius: 100px; background-size: 27px;}
/*GENERAL*/

/*PAGE-CONTENT*/
.pContent ul{padding-left: 0;margin: 0;}
.pContent ul li{list-style: none;color: #4a4a4a;font-size: 17px;line-height: 32px;margin-bottom: 10px;position: relative;padding-left: 30px;}
.pContent ul li:before{content: '';position: absolute;left: 0;top: 11px; width: 8px; height: 8px;background-color: #9B9DE4;}
.pContent p{font-size: 20px;line-height: 1.8;margin: 0;margin-bottom: 25px;}
.pContent p:LAST-CHILD{padding-bottom: 0;}

.pContent table, .resDetail table{border-collapse: collapse;width: 100% !important;height: auto;max-width: 100%;}
table[summary='block'], table[summary='block reverse']{width: 100% !important;height: auto !important; border: none;display: block;}
table[summary='block'] tbody, table[summary='block reverse'] tbody{display: block;}
table[summary='block'] tbody tr, table[summary='block reverse'] tbody tr{display: flex;}
table[summary='block'] td, table[summary='block reverse'] td{border: none;display: block; flex: 1;padding-right: 5%;}
table[summary='block'] td:last-child, table[summary='block reverse'] td:last-child{margin-right: 0;}
table[summary='block'] td *, table[summary='block reverse'] td *{white-space: unset !important;}
table[summary='block'] td img, table[summary='block reverse'] td img{max-width: 100%;height: auto !important;}
table[summary='block reverse'] td:first-child{order: 2;margin-right: 0;}
table[summary='block reverse'] td:last-child{order: 1;padding-right: 5%;}

.fullImg{display: block;width: 100%;}
/*PAGE-CONTENT*/

/*HOME-BANNER*/
.hbGrid .hbgItem.hbgDesktop{display: flex;}
.hbGrid .hbgItem.hbgMobile{display: none;}

.homeBanner{position: relative;}
.homeBanner .homeBannerPattern{position: absolute;z-index: 0;left: 0;top: 0;}
.homeBanner > div{position: relative;}
.homeBanner .hbTitle{position: absolute;width: calc(100% - 565px);transform: translate(0, 200%); left: 0; top: calc(50% - 90px);}
.hbGrid .hbgItem{width: 190px;height: 190px; border-radius: 40px;overflow: hidden;margin: 4px;line-height: 1.4;display: flex; align-items: end;}
.hbGrid .hbgItem > div{padding: 20px;}
.hbGrid .hbgItem.hbgThumb img{display: block;width: 100%;height: 100%;object-fit: cover;}
.hbGrid .hbgItem.hbgService img{width: 30px; margin-bottom: 15px;}
.hbGrid .hbgItem.hbgService > div > div:nth-child(2){color: #2D2D2D;font-size: 16px;}
.hbGrid .hbgItem.hbgOffice{background-image: url('../images/bannergrid/Map.jpg');background-repeat: no-repeat;background-position: center;background-size: 100%;}
.hbGrid .hbgItem.hbgOffice > div div:nth-child(1){font-size: 20px;font-family: 'metropolisbold';color: #fff;}
.hbGrid .hbgItem.hbgOffice > div div:nth-child(2){color: #fff;}
.hbGrid .hbgItem.hbgKey{background: linear-gradient(227.12deg, #F9A33A 0.44%, #F79936 7.06%, #F27A28 34.5%, #F16F24 48.7%, #EF5A2F 72.35%, #EF4B38 95.06%);color: #fff;}
.hbGrid .hbgItem.hbgKey > div div:nth-child(1){font-size: 34px;font-family: 'metropolisbold';}
.hbGrid .hbgItem.hbgUds{background: linear-gradient(227.12deg, #F9A33A 0.44%, #F79936 7.06%, #F27A28 34.5%, #F16F24 48.7%, #EF5A2F 72.35%, #EF4B38 95.06%);color: #fff;}
.hbGrid .hbgItem.hbgUds > div div:nth-child(1){font-family: 'metropolismedium';}
.hbGrid .hbgItem.hbgUds img{display: block;width: 24px;margin: 10px 0;}
.hbGrid .hbgItem.hbgUds > div div:nth-child(3){font-family: 'metropolismedium';}
.hbGrid .hbgItem.hbgOrangeL{background: linear-gradient(227.12deg, #FFCFB4 0.44%, #D7B2AD 95.06%);}
.hbGrid .hbgItem.hbgPink{background: linear-gradient(227.12deg, #F1BED0 0.44%, #E89086 95.06%);}
.hbGrid .hbgItem.hbgGreen{background: linear-gradient(227.12deg, #ABF8CA 0.44%, #81A397 95.06%);}
/*HOME-BANNER*/

/*PAGE-BANNER*/
.pageBanner{position: relative;height:350px;}
.pageBanner .pbThumb{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
/*PAGE-BANNER*/

/*BLOG-BANNER*/
.blogBannerSlider .bbsItem{position: relative;height: 450px;}
.blogBannerSlider .bbsThumb{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.blogBannerSlider .bbsDate{color: #fff;font-size: 14px;border: 1px solid #fff;padding: 4px 7px;border-radius: 3px;display: inline-block;}
.blogBannerSlider .slick-prev, .blogBannerSlider .slick-next{bottom: 50px;}
/*BLOG-BANNER*/

/*TIMELINE*/
.timeline{background-color: #F5F5F5;border-radius: 10px;padding: 20px;width: 100%; overflow: auto;}
.timeline .tYear{position: relative;width: 120px;min-width: 120px; padding-bottom: 20px;text-align: center;cursor: pointer;-webkit-transition: .3s; transition: .3s;}
.timeline .tYear:hover, .timeline .tYear.active{color: #F0612C;}
.timeline .tYear div{position: relative;}
.timeline .tYear span{position: absolute;width: 1px;height: 5px;background-color: #2D2D2D;bottom: 0;}
.timeline .tYear span:nth-of-type(1){left: 0px;}
.timeline .tYear span:nth-of-type(2){left: 30px;}
.timeline .tYear span:nth-of-type(3){left: 60px;height: 10px;}
.timeline .tYear.active span:nth-of-type(3){background-color: #F0612C;}
.timeline .tYear span:nth-of-type(4){left: 90px;}

.timelineContent{display: none; background-color: #FCF4EC;border-radius: 10px;padding: 30px;}
.timelineImg{display: none;position: relative;}
.timelineImg .tiYear{font-family: 'metropolisbold';font-size: 35px;color: #fff;background-color: #A9A9A9;padding: 38px 25px;border-radius: 20px;position: absolute;left: 20px;top: 20px;}
/*TIMELINE*/

/*RIGHT-PULL*/
.rightPull{margin-left: calc(50% - 590px);}
/*RIGHT-PULL*/

/*RIPPLE-CARD*/
.rippleCard{background-color: #fff;border: 2px solid #F06F21;border-radius: 70px;height: auto; width: 400px;text-align: center;margin: auto;padding: 30px;position: relative;display: flex;align-items: center;}
.rippleCard:before{content: '';position: absolute;left: -20px;right: 0;top: -20px;bottom: 0;height: calc(100% + 40px);width: calc(100% + 40px);border: 2px solid #F06F21;border-radius: 85px;}
.rippleCard:after{content: '';position: absolute;left: -40px;right: 0;top: -40px;bottom: 0;height: calc(100% + 80px);width: calc(100% + 80px);border: 2px solid #F06F21;border-radius: 98px;}
/*RIPPLE-CARD*/

/*VIDEO-POPUP*/
.videoPopTrigger{cursor: pointer;}
.videoPop{display: none; position: fixed;left: 0;right: 0;top: 0;bottom: 0; background-color: rgba(0, 0, 0, 0.75);z-index: 99999; }
.videoPop .vpWrap{height: 100vh;width: 100%;transform: scale(.5); -webkit-transition: .3s;transition: .3s;}
.videoPop.vpShow .vpWrap{transform: scale(1);}
.videoPop .vpInner{height: 85vh;width: 85%;margin: auto;position: relative;}
.videoPop .vpInner .vpClose{position: absolute;right: -20px;top: -20px;cursor: pointer;width: 22px;}
.videoPop iframe{width: 100%;height: 100%;}

.playIcon{width: 60px;}
/*VIDEO-POPUP*/

/*SERVICE-SLIDER*/
.serviceSlider .ssItem{border-radius: 10px;overflow: hidden;width: 320px;margin: 0 5px;display: block;}
.serviceSlider .ssItem .ssThumb{height: 215px;position: relative;overflow: hidden;}
.serviceSlider .ssItem .ssThumb > img{display: block;height: 100%;width: 100%;object-fit: cover;transform: scale(1); -webkit-transition: .6s; transition: .6s;}
.serviceSlider .ssItem:hover .ssThumb > img{transform: scale(1.1);}
.serviceSlider .ssItem .ssThumb .ssIcon{position: absolute;right: 0;top: 0;padding: 21px; background: linear-gradient(227.12deg, #F9A33A 0.44%, #F79936 7.06%, #F27A28 34.5%, #F16F24 48.7%, #EF5A2F 72.35%, #EF4B38 95.06%);}
.serviceSlider .ssItem .ssThumb .ssIcon img{width: 25px;vertical-align: middle;}
.serviceSlider .ssItem .ssContent{background-color: #F5F5F5;color: #2D2D2D;padding: 20px;min-height: 120px; -webkit-transition: .3s; transition: .3s;}
.serviceSlider .ssItem .ssContent h3{-webkit-transition: .3s; transition: .3s;}
.serviceSlider .ssItem:hover .ssContent h3{color: #fff;}
.serviceSlider .ssItem:hover .ssContent, .serviceSlider .item.activeTab .ssItem .ssContent{background-color: #41a16c;color: #fff;}
.serviceSlider .item.activeTab .ssItem .ssContent h3{color: #fff;}
.serviceSlider.valueSlider .ssItem .ssThumb .ssIcon{background: #FFF3E5;}
.serviceSlider.valueSlider .ssItem .ssContent{background-color: #fff;color: #2D2D2D;min-height: 150px;}
.serviceSlider.valueSlider .ssItem .ssContent p{font-size: 15px;margin-top: 10px;}

.serviceGrid{display: grid;grid-gap: 30px; grid-template-columns: repeat(3, 1fr);padding-bottom: 0;border-bottom: 1px dashed #133b70;}
.serviceGrid.serviceSlider .ssItem{margin: 0;width: 100%;}
.serviceGrid.serviceSlider .ssItem .ssContent{min-height: 104px;}
.serviceGrid.serviceSlider.valueSlider .ssItem .ssContent{min-height: 150px;}
/*SERVICE-SLIDER*/

/*LEFT-ICON-CARD*/
.leftIconCard{display: grid;grid-gap: 20px; grid-template-columns: repeat(3, 1fr);}
.leftIconCard .licItem{background-color: #F5F5F5;border-radius: 20px;overflow: hidden;position: relative;padding: 20px 40px 30px;}
.leftIconCard .licItem .licIcon{position: absolute;left: 0;top: 0;padding: 21px 25px; border-bottom-right-radius: 20px; background: linear-gradient(227.12deg, #F9A33A 0.44%, #F79936 7.06%, #F27A28 34.5%, #F16F24 48.7%, #EF5A2F 72.35%, #EF4B38 95.06%);}
.leftIconCard .licItem .licIcon img{width: 20px;vertical-align: middle;}
.leftIconCard .licItem h3{padding-left: 50px;margin-bottom: 40px;}
/*LEFT-ICON-CARD*/

/*LOGO-SLIDER*/
.logoSlider .lsItem{text-align: center;}
.logoSlider .lsItem img{display: inline-block;}
/*LOGO-SLIDER*/

/*SERVICE-VERTICAL-TAB*/
.serviceVtab .item{padding: 5px 0;margin-bottom: 5px;cursor: pointer;-webkit-transition: .3s; transition: .3s;}
.serviceVtab .item.activeTab, .serviceVtab .item:hover{color: #F0612C;}
/*SERVICE-VERTICAL-TAB*/

/*SOCIAL-MEDIA-SLIDER*/
.socialMediaSlider{display: grid;grid-gap: 20px; grid-template-columns: repeat(3, 1fr);}
.socialMediaSlider .smPad{padding: 25px;}
.socialMediaSlider .smCard{background-color: #FCF4EC;position: relative;border-radius: 10px;overflow: hidden;}
.socialMediaSlider .smCard .smThumb{height: 220px;overflow: hidden;}
.socialMediaSlider .smCard .smThumb img{display: block;width: 100%;height: 100%;object-fit: cover; transform: scale(1);-webkit-transition: .3s; transition: .3s;}
.socialMediaSlider .smCard:hover .smThumb img{transform: scale(1.1);}
.socialMediaSlider .smCard .smContent{padding: 25px;padding-bottom: 65px;}
.socialMediaSlider .smCard .smName{color: rgba(45, 45, 45, 0.6);font-size: 14px;position: absolute;left: 0;right: 0;bottom: 25px;width: calc(100% - 50px);margin: auto;}
.socialMediaSlider .smCard .smName img{min-width: 25px;width: 25px;margin-right: 10px;}
/*SOCIAL-MEDIA-SLIDER*/

/*UDS-STEP*/
.udsStep .usItem:nth-child(2n){text-align: right;}
.udsStep .usItem .usThumb{text-align: center;}
.udsStep .usItem .usThumb img{width: 380px;max-width: 100%;}
.udsStep .usItem .usSeperate{width: 12%;min-width: 12%;position: relative;}
.udsStep .usItem .usSeperate:before{content: '';position: absolute;left: 0;right: 0;width: 50px;height: 50px; top: 100px;margin: auto; background-image: url('../images/icons/stepBullet.svg');background-repeat: no-repeat;background-position: center;background-size: 50px;z-index: 1;background-color: #fff;padding: 15px;}
.udsStep .usItem .usSeperate:after{content: '';position: absolute;left: 0;right: 0;margin: auto;height: 100%;width: 1px;background-color: #F16F24;bottom: 0;}
.udsStep .usItem:first-child .usSeperate:after{height: calc(100% - 120px);}
/*UDS-STEP*/

/*AWARDS-LIST*/
.awardsList .alitem{padding: 30px 0;}
.awardsList .alDivider{width: 40%;height: 1px;background-color: #FFE1C6;margin: auto;}
.awardsList .alLogo{max-width: 160px;}
/*AWARDS-LIST*/

/*NEWS-GRID*/
.newsGrid .ngCard, .newsGrid.newsGridCard .ngStyle1{border-radius: 10px;background-color: #F4F4F4;display: block;}
.newsGrid .ngLink{color: #F0612C;font-size: 16px; background-image: url('../images/icons/arrowTilt.svg');background-repeat: no-repeat;background-position: center right;background-size: 19px;padding-right: 22px;}
.newsGrid .ngDate{color: #909090;font-size: 14px;}
.newsGrid .ngStyle1 .ngCard .ngThumb{height: 280px;border-radius: 10px;overflow: hidden;}
.newsGrid .ngStyle1 .ngCard .ngThumb img{display: block;width: 100%;height: 100%;object-fit: cover; transform: scale(1);-webkit-transition: .3s; transition: .3s;}
.newsGrid .ngStyle1 .ngCard:hover .ngThumb img{transform: scale(1.1);}
.newsGrid .ngStyle1 .ngCard .ngContent{padding: 25px;}
.newsGrid .ngStyle2 .ngCard{padding: 25px;}
.newsGrid .ngStyle2 .ngCard img.ngThumb{width: 95px;min-width: 95px; display: block;border-radius: 8px;margin-right: 15px;}
.newsGrid .ngStyle2 .ngContent p{font-size: 15px;}

.newsGrid.newsGridCard{display: grid;grid-gap: 25px; grid-template-columns: repeat(2, 1fr);}
/*NEWS-GRID*/

/*GALLERY-SLIDER*/
.gallerySlider .gsItem{background-color: #F4F4F4;border-radius: 20px;overflow: hidden;}
.gallerySlider .gsItem img{display: block;width: 100%;height: 410px;object-fit: cover;}
.gallerySlider .gsItem .gsCaption{padding: 30px;}
/*GALLERY-SLIDER*/

/*KEY-FIG-DATA*/
.keyFigData{display: grid;grid-gap: 30px; grid-template-columns: repeat(3, 1fr);color: #fff;padding-top: 30px;padding-bottom: 30px;}
.keyFigData .kfCount{font-size: 36px;font-weight: 700;margin-right: 10px;}
/*KEY-FIG-DATA*/

/*ADDRESS-LIST*/
.branchTab{background-color: #F2F1F1;border-radius: 20px 20px 0 0;}
.branchTab .item{font-size: 20px; padding: 15px 30px;cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.branchTab .item.activeTab, .branchTab .item:hover{color: #F0612C;}
.branchTab{}

.addressWrap{background-color: #FBFBFB;border-radius: 20px 20px 0 0;padding: 40px 30px;}

.cityList{display: grid;grid-gap: 25px; grid-template-columns: repeat(2, 1fr);}
.cityList .item{cursor: pointer;-webkit-transition: .3s; transition: .3s;}
.cityList .item.activeTab, .cityList .item:hover{color: #F0612C;}
.cityDetail{background-color: #FFF3E5;border-radius: 8px;padding: 40px;}
.cityDetail p{margin-top: 20px;margin-bottom: 50px;color: #F0612C;}
.cdPhone{background-image: url('../images/icons/phone.svg');background-repeat: no-repeat;background-size: 20px;background-position: left center;padding-left: 30px;margin-bottom: 5px;}
.cdEmail{background-image: url('../images/icons/mail.svg');background-repeat: no-repeat;background-size: 20px;background-position: left center;padding-left: 30px;}
/*ADDRESS-LIST*/

/*ENQUIRY-TAB*/
.enquiryTab{display: grid;grid-gap: 25px; grid-template-columns: repeat(4, 1fr);}
.enquiryTab .item{background-color: #F7F7F7;border-radius: 10px;padding: 25px 25px 100px;cursor: pointer;position: relative; -webkit-transition: .3s; transition: .3s;}
.enquiryTab .item:after{content: '';position: absolute;left: 25px;bottom: 25px; height: 24px;width: 24px; background-image: url(../images/icons/plus2.svg);background-repeat: no-repeat;background-position: left bottom;background-size: 24px;}
.enquiryTab .item.activeTab{color: #fff; background: linear-gradient(227.12deg, #F9A33A 0.44%, #F79936 7.06%, #F27A28 34.5%, #F16F24 48.7%, #EF5A2F 72.35%, #EF4B38 95.06%);}
.enquiryTab .item.activeTab:after{background-image: url(../images/icons/minus-white.svg);}
/*ENQUIRY-TAB*/

/*SCROLLTAB*/
.scrollTab{border-bottom: 3px solid #616161;position: sticky;top: 107px;background-color: #fff;padding-top: 10px;}
.scrollTab .stItem{color: #616161;font-size: 20px;cursor: pointer;padding: 0 5px;-webkit-transition: .5s; transition: .5s;}
.scrollTab .stItem.active, .scrollTab .stItem:hover{color: #1E1E1E;}
/*SCROLLTAB*/

/*LINK-CARD*/
.linkCard{display: grid;grid-gap: 20px; grid-template-columns: repeat(4, 1fr);}
.linkCard .lcItem{background-color: #FCF1E8; border-radius: 10px;overflow: hidden;}
.linkCard .lcItem .lcThumb{height: 180px;border-radius: 10px;overflow: hidden;}
.linkCard .lcItem .lcThumb img{display: block;width: 100%;height: 100%;object-fit: cover; transform: scale(1);-webkit-transition: .3s; transition: .3s;}
.linkCard .lcItem:hover{background-color: #F0612C;}
.linkCard .lcItem:hover .lcThumb img{transform: scale(1.1);}
.linkCard .lcItem h5{padding: 30px 20px;-webkit-transition: .3s; transition: .3s;text-align: center;}
.linkCard .lcItem:hover h5{color: #fff;}
/*LINK-CARD*/

/*ACCREDITATIONS-LIST*/
.accreditationsList{display: grid;grid-gap: 30px; grid-template-columns: repeat(4, 1fr);}
.accreditationsList .alItem{text-align: center;}
.accreditationsList .alItem img{display: inline-block;}
/*ACCREDITATIONS-LIST*/

/*BANNER-NAV*/
.bannerNavWrap{background-color: #494949;border-radius: 10px;max-width: max-content;padding: 30px;}
.bannerNavWrap .bannerNav{color: #CFCFCF;background-color: #535353;border-radius: 8px;padding: 10px 0;background-image: url('../images/static/bannerNav.png');background-size: contain; background-position: right bottom; background-repeat: no-repeat;}
.bannerNavWrap .bannerNav div{font-family: 'metropolisbold';padding: 10px 30px;}
.bannerNavWrap .bannerNav a{color: #CFCFCF;padding: 10px 30px;display: block;}
.bannerNavWrap .bannerNav a:hover, .bannerNavWrap .bannerNav a.active{color: #F0612C;}
/*BANNER-NAV*/

/*SERVICE-DETAIL*/
.serviceDetail h2{margin-bottom: 25px;}
.solutionDetail h3{margin-bottom: 15px;}

.sFeatureList{display: grid;grid-gap: 30px; grid-template-columns: repeat(3, 1fr);}
.sFeatureList .flItem{text-align: center;background-color: #F6F6F6;border-radius: 10px;padding: 35px 20px;}
.sFeatureList .flItem img{margin-bottom: 20px;}
/*SERVICE-DETAIL*/

/*TECH-LIST*/
.sTechList{display: flex; justify-content: center;flex-wrap: wrap;gap: 20px;}
.sTechList .tlItem{text-align: center;background-color: #F6F6F6;border-radius: 10px;padding: 35px 20px;width: 250px;}
.sTechList .tlItem img{margin-bottom: 20px;}
/*TECH-LIST*/

/*TEAM-LIST*/
.teamList{display: grid;grid-gap: 60px; grid-template-columns: repeat(2, 1fr);}
.teamList .tlItem{position: relative;background-color: #EEEEEE;}
.teamList .tlThumb{display: block;}
.teamList .tlDetail{transform: scale(0);opacity: 0; position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 25px;padding-bottom: 60px; height: 100%;width: 100%;overflow: hidden;background-color: #EBEBEB;z-index: 1;-webkit-transition: .3s; transition: .3s;}
.teamList .tlLess{position: absolute;right: 20px;bottom: 20px;}
.teamList .tlDetail.active{transform: scale(1);opacity: 1;}
/*TEAM-LIST*/

/*CLIENT-GRID*/
.clientGrid{display: grid;grid-gap: 80px 30px; grid-template-columns: repeat(4, 1fr);}
.clientGrid .cgItem{display: flex;align-items: center;justify-content: center;}
.clientGrid .cgItem img{display: block;margin: auto;}
/*CLIENT-GRID*/

/*BLOG-GRID*/
.blogGrid{display: grid;grid-gap: 25px; grid-template-columns: repeat(3, 1fr);}
.bgCard{background-color: #F5F5F5;border-radius: 10px;padding: 30px;display: block;}
.bgCard p{padding: 10px 0 25px;font-size: 14px;}
.bgAuth .bgaThumb{height: 50px;width: 50px;object-fit: cover;border-radius: 100px;}
.bgAuth .bgaDetail{color: #3D3D3D;font-weight: 700;font-size: 14px;margin-left: 15px;}
.bgAuth .bgaDate{font-weight: 400;font-size: 12px;}
.bgCard .bgcLink{color: #F0612C;font-size: 14px;}

.relatedBlogSliderJs .bgCard{margin: 0 5px;}

.catDD{position: relative;}
.bgContent{display: none;}
.catDD .cdTitle{color: #909090;font-size: 14px;background-image: url('../images/icons/arrDownGrey.svg');background-repeat: no-repeat;background-position: calc(100% - 17px); center;background-color: #F5F5F5;border-radius: 9px;padding: 13px 17px;cursor: pointer;}
.catDD .cdOption{display: none;background-color: #F5F5F5;box-shadow: 0px 4px 4px rgba(0,0,0,0.08); border-radius: 0 0 9px 9px;padding: 5px 0;position: absolute;left: 0;top: 45px;width: 100%;z-index: 1;}
.catDD .cdoItem{cursor: pointer;padding: 7px 17px;font-size: 14px;display: block; -webkit-transition: .3s; transition: .3s;}
.catDD .cdoItem:hover{background-color: #E8E8E8;}
.catReset{color: #F0612C;background-color: transparent;font-size: 16px; border: 0;border-radius: 0;background-image: url('../images/icons/reset.svg');background-repeat: no-repeat;background-position: right center;background-size: 12px; padding-right: 20px;cursor: pointer;}

.searchPost{position: relative;}
.searchPost .spTitle{color: #909090;font-size: 14px;display: block;width: 100%;border: 0; background-image: url('../images/icons/search.svg');background-repeat: no-repeat;background-position: calc(100% - 17px); center;background-color: #F5F5F5;border-radius: 9px;padding: 13px 17px;cursor: pointer;}
.searchPost .spOption{background-color: #F5F5F5;box-shadow: 0px 4px 4px rgba(0,0,0,0.08);max-height: 190px;overflow: auto; border-radius: 0 0 9px 9px;position: absolute;left: 0;top: 45px;width: 100%;z-index: 1;}
.searchPost .spOption a{cursor: pointer;padding: 7px 17px;font-size: 14px;display: block; -webkit-transition: .3s; transition: .3s;}
.searchPost .spOption a:hover{background-color: #E8E8E8;}
/*BLOG-GRID*/

/*LIFE-AT-UDS*/
/*.lifeAtUds .lauThumb{width: 30%;}
.lifeAtUds .lauSlide{width: 70%;}*/
/*LIFE-AT-UDS*/

/*CAREER*/
.careerCatSlider .ssItem .ssContent{min-height: unset !important;padding: 30px 20px !important;background-color: #fff !important;}
.careerCatSlider .item.activeTab .ssItem .ssContent{background-color: #F0612C !important;}

.serviceGrid.careerCatSlider{display: grid;grid-gap: 25px; grid-template-columns: repeat(4, 1fr);}

.careerTag{display: flex;flex-wrap: wrap;}
.careerTag div{font-size: 12px;color: #235EF7;border: 1px solid #235EF7;padding: 2px 7px;margin-right: 10px;margin-bottom: 10px;}
/*CAREER*/

/*ACCORDION-LINK*/
.accordLink{background-color: #F9F9F9;border-radius: 20px;}
.accordLink .alTitle{padding: 25px 30px;padding-right: 50px;cursor: pointer; background-image: url('../images/icons/plus.svg');background-repeat: no-repeat;background-position: calc(100% - 25px) center;}
.accordLink .alBody{display: none; padding: 0 25px 30px;}
.accordLink .alGrid{display: grid;grid-gap: 0 30px; grid-template-columns: repeat(3, 1fr);background-color: #FFF3E5;padding: 15px 40px;border-radius: 20px;}
.accordLink .alGrid a{font-size: 18px;color: #F0612C;padding: 12px 5px;}
.accordLink.open .alTitle{background-image: url('../images/icons/minus.svg');}
/*ACCORDION-LINK*/

/*FORM*/
.formWrap .frmField{color: #2D2D2D;font-size: 16px;padding: 15px;border: 1px solid #eee;width: 100%;}
.formWrap textarea.frmField{height: 100px;}
.formWrap select.frmField{cursor: pointer;}

.notifyjs-arrow{border-bottom: 5px solid #151515 !important;}
.notifyjs-bootstrap-error, .notifyjs-bootstrap-success{background-color: #fff !important; font-size: 14px;font-weight: 600; text-shadow: none !important;border-color: #151515 !important; font-family: 'metropolisregular'; line-height: 20px;}
.notifyjs-bootstrap-error{color: #B70000 !important;}
.notifyjs-bootstrap-success{color: #039505 !important;}
/*FORM*/

/*ICONS*/
.sIcon{background-size: contain; background-repeat: no-repeat;display: inline-block;vertical-align: middle;}
.sIcon.iemail{background-image: url('../images/icons/email.html'); width: 16px; height: 16px;}
/*ICONS*/

/*FOOTER*/
footer{background-color: transparent;padding: 0 0 20px;font-size: 14px;}
footer .footerHead{border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
footer .footerHead marquee{font-size: 90px;font-weight: 700; color: rgba(247, 130, 35, 0.1);}
footer a:hover{color: #F0612C;}
footer .footerLogo{display: block;max-width: 200px;}
footer .fCol h5{margin-bottom: 15px;}
footer .fCol a{display: inline-block;padding: 4px 7px;}
footer .socialLink a{padding: 7px;display: inline-block;margin-right: 7px;}
footer .socialLink a img{display: inline-block;}
footer .footerStrip{border-top: 1px solid #fff;border-top: 1px solid #eaeaea;background-color:#52a678;color:#fff;}
footer .footerStrip a, footer .footerStrip span{display: inline-block;padding: 5px 0;margin-right: 30px;}
/*FOOTER*/

@media only screen and (min-width: 1920px){
}
@media only screen and (max-width: 1500px) {}
@media only screen and (max-width: 1366px) {
    .container1180{max-width: 1140px;}
    header .mainMenu .item{padding: 32px 13px;}
    .homeBanner .hbTitle{left: 3%;font-size: 42px;}
    .hbGrid .hbgItem{width: 162px;height: 162px;margin: 3px;border-radius: 32px;}
    .rightPull{margin-left: calc(50% - 570px);}
}
@media only screen and (max-width: 1280px) {}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1180px) {
    .container1180{max-width: 100%;}
    .pagePad{padding-left: 5%;padding-right: 5%;}
    .rightPull{margin-left: 5%;}
}
@media only screen and (max-width: 1080px) {
    .flexResponsive1080 { display: block; }
}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 991px) {
    .flexResponsive991 { display: block; }
    .desktop991{display: none !important;}
    .mobile991{display: block !important;}
    .pagePad{padding-left: 8%;padding-right: 8%;}
    .bodyContainer{padding-top: 78px;}
    header{padding: 4px 4%;height: 78px;}
    header .headerInner{height: 100%;-webkit-align-items: center; -ms-flex-align: center; align-items: center;}
    header .header{padding: 0;}
    header .topLogo{width: 170px;min-width: 170px;}
    header .topLogo img{max-height: 69px;}
    header .mainMenu{display: none;top: 78px;height: calc(100vh - 78px);border-top: 1px solid rgba(0,0,0,0.3); position: fixed;left: 0;background-color: #fff; padding: 20px;top: 78px;height: calc(100vh - 78px);width: 100%;overflow: auto;}
    header .mainMenu .item{padding: 15px 0;text-align: left;}
    header .mainMenu .item:after{display: none;}
    header .mainMenu .amBtns{margin-top: 15px;}
    header .mmSubMenu{position: relative;top: 12px;}
    header .mmSubMenu .mmsContent{width: 100%; padding: 15px 20px 25px;}
    header .mmSubMenu .mmsHeading{display: none;}
    header .mmSubMenu .mmsItem.mmsTitle{font-size: 16px;}
    header.stickHeader .headerInner{height: 100%;}
    header #navIcon{display: block;}
    .scrollTab{top: 78px;}
    .scrollTab .stItem{font-size: 18px;}

    header .mmSubMenu .mmsThumb{display: none;}
    .homeBanner .hbTitle{position: relative; width: 100%; transform: unset; left: 0; top: 0;margin-top: 30px;}
    .rightPull{margin-left: 8%;}
    .linkCard{grid-gap: 25px; grid-template-columns: repeat(2, 1fr);}
    .enquiryTab{grid-gap: 25px; grid-template-columns: repeat(2, 1fr);}
    iframe.mapBox{height: 350px;}
    .teamList{grid-gap: 60px; grid-template-columns: repeat(1, 1fr);}
    .teamList .tlItem{text-align: center;}
    .gridCol4{grid-template-columns: repeat(2, 1fr);}
    .blogGrid{grid-gap: 20px; grid-template-columns: repeat(2, 1fr);}
    .serviceGrid{grid-gap: 25px; grid-template-columns: repeat(3, 1fr);}
    .serviceVideo{width: 100%; height: 400px;}
    .serviceGrid.careerCatSlider{grid-template-columns: repeat(2, 1fr);}
    .leftIconCard{grid-gap: 25px; grid-template-columns: repeat(2, 1fr);}
    .leftIconCard .licItem{padding: 20px 25px 20px;}
    .leftIconCard .licItem h3{margin-bottom: 30px;}
}
@media only screen and (max-width: 980px) {}
@media only screen and (max-width: 880px) {}
@media only screen and (max-width: 840px) {
    .flexResponsive840 { display: block; }
    .flexResponsive840 .flexHalfWidth{width: 100%;}
    .desktop840{display: none !important;}
    .mobile840{display: block !important;}

    table[summary='block'] tbody tr, table[summary='block reverse'] tbody tr{display: block;}
    table[summary='block'] td, table[summary='block reverse'] td{width: 100% !important;}
    table[summary='block'] td:first-child, table[summary='block reverse'] td:first-child{margin-right: 0;margin-bottom: 30px;}
    table[summary='block'] td:last-child, table[summary='block reverse'] td:last-child{margin-right: 0;}
    .boxPad{padding: 30px 25px;}
    .boxRadius{border-radius: 15px;}
    .hbGrid .hbgItem{width: 130px;height: 130px;margin: 3px;border-radius: 32px;}
    .hbGrid .hbgItem > div{padding: 15px;}
    .hbGrid .hbgItem.hbgService img{width: 25px;}
    .hbGrid .hbgItem.hbgService > div > div:nth-child(2){font-size: 14px;}
    .hbGrid .hbgItem.hbgUds{font-size: 13px;}
    .hbGrid .hbgItem.hbgOffice > div div:nth-child(2){font-size: 12px;}
    .hbGrid .hbgItem.hbgKey > div div:nth-child(1){font-size: 25px;}
    .hbGrid .hbgItem.hbgKey > div div:nth-child(2){font-size: 13px;}
    .udsStep .usItem{margin-bottom: 30px;}
    .udsStep .usItem .usSeperate{width: auto;min-width: unset;height: 50px;}
    .udsStep .usItem .usSeperate:before, .udsStep .usItem .usSeperate:after{display: none;}
    .udsStep .usItem, .udsStep .usItem:nth-child(2n){text-align: center;}
    .udsStep .usItem .usThumb img{width: 300px;}
    .keyFigData{grid-gap: 30px; grid-template-columns: repeat(1, 1fr);}
    .keyFigData .kfCount{font-size: 28px;}
    .socialMediaSlider{display: block;}
    .smCard.smPad.mobile{background-color: #FCF4EC;border-radius: 10px;padding: 25px;margin-bottom: 20px;}
    .smCard.smPad.desktop{display: none !important;}
    .timelineImg .tiYear{padding: 22px 22px;font-size: 25px;}
    .clientGrid{grid-gap: 50px; grid-template-columns: repeat(2, 1fr);}
    .lifeAtUds .lauThumb{width: 100%;}
    .lifeAtUds .lauSlide{width: 100%;}
    .serviceGrid{grid-gap: 25px; grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 768px) {
    .desktop { display: none !important; }
    .mobile { display: block !important; }
    .flexResponsive768 { display: block; }
    .flexMob767{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
    .container{width: auto;max-width: 100%;}
    .container95, .container90, .container85, .container80, .container75, .container1366{max-width: 100%; width: auto;}
    .mobalignleft{text-align: left !important;}
    .mobaligncenter{text-align: center !important;}
    .mobautocenter{margin: 0 auto;}
    .pageLPad{padding-left: 5%;padding-right: 0;}
    .p0030 { padding-top: 0px;  padding-bottom: 25px; }
    .p3000 { padding-top: 25px; padding-bottom: 0px; }
    .p3030 { padding-top: 25px; padding-bottom: 25px; }
    .p0060 { padding-top: 0px;  padding-bottom: 45px; }
    .p6000 { padding-top: 45px; padding-bottom: 0px; }
    .p6060 { padding-top: 45px; padding-bottom: 45px; }
    .p3060 { padding-top: 25px; padding-bottom: 45px; }
    .p6030 { padding-top: 45px; padding-bottom: 25px; }
    .p0090 { padding-top: 00px; padding-bottom: 60px; }
    .p9000 { padding-top: 60px; padding-bottom: 00px; }
    .p3090 { padding-top: 25px; padding-bottom: 60px; }
    .p9030 { padding-top: 60px; padding-bottom: 25px; }
    .p6090 { padding-top: 45px; padding-bottom: 60px; }
    .p9060 { padding-top: 60px; padding-bottom: 45px; }
    .p9090 { padding-top: 60px; padding-bottom: 60px; }
    .p00120 { padding-top: 0px; padding-bottom: 90px; }
    .p12000 { padding-top: 90px; padding-bottom: 0px; }
    .p30120 { padding-top: 25px; padding-bottom: 90px; }
    .p12030 { padding-top: 90px; padding-bottom: 25px; }
    .p60120 { padding-top: 45px; padding-bottom: 60px; }
    .p12060 { padding-top: 90px; padding-bottom: 45px; }
    .p120120 { padding-top: 90px; padding-bottom: 90px; }
    .p0020 { padding-top: 0px;  padding-bottom: 20px }
    .p2000 { padding-top: 20px;  padding-bottom: 0px }
    .p2020 { padding-top: 20px;  padding-bottom: 20px }
    .p2040 { padding-top: 20px;  padding-bottom: 35px }
    .p4020 { padding-top: 35px;  padding-bottom: 20px }
    .p0040 { padding-top: 0px;  padding-bottom: 35px }
    .p4000 { padding-top: 35px;  padding-bottom: 0px }
    .p4040 { padding-top: 35px;  padding-bottom: 35px }
    .m0030 { margin-top: 0px;  margin-bottom: 25px }
    .m0060 { margin-top: 0px;  margin-bottom: 45px }
    .m3000 { margin-top: 25px; margin-bottom: 0px }
    .m6000 { margin-top: 45px; margin-bottom: 0px }
    .m3030 { margin-top: 25px; margin-bottom: 25px }
    .m6030 { margin-top: 45px; margin-bottom: 25px }
    .m6060 { margin-top: 45px; margin-bottom: 45px }
    h1,h2,h3,h4,h5,h6{line-height: 1.3;}
    h1{font-size: 32px;}
    body, .pContent p{font-size: 14px;line-height: 1.8;}
    .f16{font-size: 14px;}
    .f18{font-size: 16px;}
    .f20{font-size: 18px;}
    .homeBanner .hbTitle{font-size: 34px;}
    .slick-prev{right: 75px;}
    .slick-next{right: 30px;}
    .blogBannerSlider .slick-prev, .blogBannerSlider .slick-next{bottom: 30px;}
    .serviceVideo{width: 100%; height: 350px;}
}

@media only screen and (max-width: 680px) {
    .flexResponsive680 { display: block; }
    .desktop680{display: none !important;}
    .mobile680{display: block !important;}
    header, .pagePad{padding-left: 25px;padding-right: 25px;}
    footer .footerHead marquee{font-size: 60px;}
    .rightPull{margin-left: 25px;}
    .sFeatureList{grid-gap: 35px 25px; grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 660px) {
    .flexResponsive660 { display: block; }
    .hbGrid .hbgItem{width: 100px;height: 100px;margin: 3px;border-radius: 26px;line-height: 1.2;}
    .hbGrid .hbgItem > div{padding: 13px 12px;}
    .hbGrid .hbgItem.hbgService img{margin-bottom: 5px;}
    .hbGrid .hbgItem.hbgOffice > div div:nth-child(1){font-size: 15px;width: 20px;}
    .hbGrid .hbgItem.hbgService > div > div:nth-child(2){font-size: 13px;}
    .hbGrid .hbgItem.hbgKey > div div:nth-child(1){font-size: 19px;}
    .hbGrid .hbgItem.hbgUds img{margin: 2px 0;}
    .rippleCard{border-radius: 70px;height: auto;width: 80%;padding: 25px;}
    .rippleCard:before{left: -15px;top: -15px;height: calc(100% + 30px);width: calc(100% + 30px);border-radius: 80px;}
    .rippleCard:after{left: -30px;top: -30px;height: calc(100% + 60px);width: calc(100% + 60px);border-radius: 88px;}
    .linkCard{grid-gap: 15px; grid-template-columns: repeat(2, 1fr);}
    .linkCard .lcItem .lcThumb{height: 150px;}
    .accreditationsList{display: grid;grid-gap: 30px; grid-template-columns: repeat(2, 1fr);}
    .blogGrid{grid-gap: 20px; grid-template-columns: repeat(1, 1fr);}
    .bgCard{padding: 25px;}
    .aboutFacilityGrid{grid-gap: 40px 30px; grid-template-columns: repeat(2, 1fr);}
    .aboutFacilityGrid h4{font-size: 16px;}
    .blogBannerSlider .bbsItem{height: 400px;}
    .accordLink .alGrid{grid-gap: 0 20px; grid-template-columns: repeat(2, 1fr);padding: 15px 20px;}
    .accordLink .alGrid a{font-size: 16px;line-height: 1.4;}
}
@media only screen and (max-width: 580px) {  }
@media only screen and (max-width: 520px) {
    .flexResponsive520 { display: block; }
}
@media only screen and (max-width: 480px) {
    .flexResponsive480{display: block;}
    .desktop480 { display: none; }
    .mobile480 { display: block; }
    .hbGrid .hbgItem.hbgDesktop{display: none;}
    .hbGrid .hbgItem.hbgMobile{display: flex;}
    .linkCard{grid-gap: 10px;}
    .linkCard .lcItem .lcThumb{height: 120px;}
    .linkCard .lcItem h5{padding: 15px 15px;font-size: 13px;}
    .newsGrid .ngStyle2 .ngCard img.ngThumb{margin-bottom: 20px;}
    .awardsList .alLogo{max-width: 120px;}
    .awardsList .alAward{max-width: 100px;}
    .timelineImg .tiYear{padding: 16px 20px;font-size: 18px;border-radius: 15px;left: 15px;top: 15px;}
    .addressWrap{padding: 30px 20px;}
    .branchTab .item{padding: 15px 20px;}
    .cityDetail{padding: 30px 20px;}
    .cityDetail p{margin-bottom: 30px;}
    .branchTab .item{font-size: 16px;padding: 15px 15px;line-height: 1.5;}
    .enquiryTab{grid-gap: 15px;}
    .enquiryTab .item{padding: 20px 20px 50px;line-height: 1.6;}
    .enquiryTab .item::after {left: 20px; bottom: 20px; height: 20px; width: 20px;background-size: 20px;}
    .clientGrid{display: block;}
    .serviceGrid, .serviceGrid.careerCatSlider{grid-gap: 25px; grid-template-columns: repeat(1, 1fr);}
    .serviceGrid.serviceSlider .ssItem .ssContent{min-height: 90px;}
    .serviceGrid.serviceSlider .ssItem .ssThumb{height: 185px;}
    .serviceGrid.serviceSlider .ssItem .ssThumb .ssIcon{padding: 18px;}
    .keyFigSlider h2{left: 25px;top: 35px;}
    .keyFigSlider img{height: 250px;}
    .sFeatureList{grid-gap: 25px 25px; grid-template-columns: repeat(1, 1fr);}
    .serviceVideo{width: 100%; height: 250px;}
    .leftIconCard{grid-gap: 25px; grid-template-columns: repeat(1, 1fr);}
    .leftIconCard .licItem .licIcon{padding: 18px 23px;}
    .leftIconCard .licItem .licIcon img{width: 17px;}
    .sTechList{gap: 15px;}
    .sTechList .tlItem{border-radius: 10px;padding: 15px 10px;width: 145px;}
    .sTechList .tlItem h5{font-size: 14px;line-height: 1.6;}
    .sTechList .tlItem img{margin-bottom: 15px;}
}
@media only screen and (max-width: 420px) {
    .flexResponsive420{display: block;}
    .gridCol4{grid-template-columns: repeat(1, 1fr);}
    .serviceVideo{width: 100%; height: 200px;}
    .accordLink .alGrid{grid-gap: 0 20px; grid-template-columns: repeat(1, 1fr);padding: 10px 20px;}
}
@media only screen and (max-width: 380px) {
    .serviceVideo{width: 100%; height: 190px;}
}
@media only screen and (max-width: 359px) {}

.visionicon{
	font-size:30px;
}
.divider{
	
	display: block;
    margin: 0px 20px;
    width: 75px;
    height: 2px;
	background-color:#52a678;
}
.dividerwhy{display: block;
    margin: 0px auto;
    width: 75px;
    height: 2px;
	background-color:#52a678;}
.socialicons{
	font-size: 24px;
    color: #52a678;
}	.circle{
	border-radius: 50%;
	margin: 0.15em;
	font-size: 3em;
	}
.iztop{line-height: 24px;
    text-align: center;
    padding: 23px 40px;
    border-bottom: 1px solid rgb(121, 121, 121);
    border-top: 1px solid rgb(121, 121, 121);
}
.gskh01{padding:5px 0px;background-color:blue;}
.pointer p{background-color:#2b479d;color:#fff;
}
.facilitydiv{background-color:#394360;color: #fff;
    padding: 10px 10px;
    font-size: 16px;}
	
.homeBanner{border: 2px solid #ddd;
box-shadow: box-shadow var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.pagePad{padding:25px 0px;}	
.active{background-color:#00BCD4;}
.engineringdiv{width:450px;height:220px;text-align:center;}
.col-md-5{border-right:1px dashed #133b70;padding:10px 0px;}
.corporatediv{color:#333;}
.footericons a{color:#fff;}
.dropdownbox a:hover{text-decoration:none;}
.fCol a:hover{text-decoration:none;}
.footerStrip a:hover{text-decoration:none;}	
.mmsContent a{text-decoration:none;}
.item a:hover{text-decoration:none;}
.item:hover{text-decoration:none;}
.faciltyIcon{width: 118px;height: 100px;background-color: #6977b7ab;position: absolute;bottom: 10px; left: 48px;opacity:0;cursor:pointer;}
.faciltyIcon:hover{opacity:0.5}
.propertyIcon{width: 142px;height: 100px;background-color: #6977b7ab;position: absolute;bottom: 10px; left: 191px;opacity:0;cursor:pointer;}
.propertyIcon:hover{opacity:0.5}