@import url(../fonts/fonts.css);
/*Common CSS start*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,tbody,tdvideo,tfoot,th,thead,tt,u,ul,var{background:0 0;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;font-style:normal}
ol,ul{list-style:none}blockquote,q{quotes:none}img{vertical-align:top}embed{vertical-align:top}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}input,textarea{border:0;padding:0;margin:0;outline:0}iframe{border:0;margin:0;padding:0}input,select,textarea{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}li{list-style:none}caption,th{text-align:left}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:top}sub{vertical-align:bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}a{outline:0;text-decoration:underline;-moz-outline:none}a:hover{text-decoration:none;cursor:pointer}a.nounderline,a:active.nounderline,a:link.nounderline,a:visited.nounderline{text-decoration:none}a:hover.nounderline{text-decoration:underline}a img{border:none;text-decoration:none}img{border:none;text-decoration:none}button,label{cursor:pointer;font-family:Mulish,sans-serif,Verdana}input:focus,select:focus,textarea:focus{outline:0}select::-moz-focus-inner{border:0;outline:0}option::-moz-focus-inner{border:0;outline:0}input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0}input[type=button]:focus,input[type=submit]:focus{outline:0}fieldset{border:none}*{box-sizing:border-box}img:not([src]):not([srcset]){visibility:hidden}img{width:100%;max-width:100%;vertical-align:top;height:auto}:focus{outline:0}

html,body { width: 100%; height: 100%; padding: 0; margin: 0; }
body{font-family: 'Inter', sans-serif; font-weight: 400; font-size: 13px;color:#151515; background: #fff;scroll-behavior: smooth;  font-weight: 400;}

.containerFluid{width: 100%;}
.containerBox {width: 100%;max-width: 100%;padding: 0px 0px; box-sizing: border-box;margin: 0px auto;}
.containerInr {padding: 0px 50px;}
.padLftRmv{padding-left: 0px!important;}
.padRitRmv{padding-right: 0px!important;}




/*Header css start*/
.header{width: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999;}
.main-wrp {width: 100%; padding-top:120px;}
.headerCont{padding: 15px 0px;width: 1280px;max-width: 100%; margin: 0px auto;display: flex; justify-content: space-between; align-items: center;}
.headerTop{width: 100%; background:#303030;}
.topNav{width: 100%; display: flex; align-items: center; justify-content: flex-end; height: 40px;}
.topNavLink{width: auto;}
.topNavLink ul{padding: 0px; display: flex; align-items: center;}
.topNavLink li{padding: 0px 0px 0 40px;}
.topNavLink li a{font-size: 18px; color: #fff; text-decoration: none;  font-family: 'Thunder'; letter-spacing: 1px; position: relative;}
.topNavLink li a:after { content: "";position: absolute;left: 0px;bottom: -3px;height: 1px;width: 100%;background: #fff; transition: all .4s ease; transform: scaleX(0);}
.topNavLink li a:hover:after {background: #fff; transform: scaleX(1);}




.searchBox{width: 20px; margin-right: 20px;}
.searchIcon{width: 22px; height: 22px; display: block; background: url("../images/srch-icon.svg") no-repeat 0px 0px;cursor: pointer; background-size: 100% !important;}
.menuIcon{width: 30px; height: 25px; margin-left: 15px; cursor: pointer; display: flex;align-items: center;flex-wrap: wrap; justify-content: flex-end;}
.menuIconMob{width: 30px; height: 30px; display: none; background: url("../images/menu-mob-icon.svg") no-repeat 0px 0px; cursor: pointer;}
.headerBtm{width: 100%;position: relative; background: #000;}
.logoNavBox{width: 100%; height: 80px; display: flex; align-items: center; justify-content: space-between;}
.logo{width: 125px;}
.logo img{width: 100%; height: auto;}
.navRit{padding: 0px;display: flex; align-items: center; border-radius: 10px; }
.naviagtionBox{padding: 0px; }
.naviagtionBox ul{display: flex; align-items: center; position: relative ;}
.naviagtionBox li{padding: 0px 15px;}
.naviagtionBox li a{font-size: 17px; color: #fff; text-decoration: none; text-transform: uppercase;font-family: 'Thunder';position: relative; letter-spacing: 1px; height: 80px; display: flex; align-items: center;}
.naviagtionBox li a.btn {color: #fff; height: 44px; display: inline-flex;}
.naviagtionBox li a:after { content: "";position: absolute;left: 0px;bottom:12px;height: 1px;width: 100%;background: #000; transition: all .4s ease; transform: scaleX(0);}
.naviagtionBox li a.btn:after {display: none;}



/* DD */
.mgDD {
  width: 800px;
  position: absolute;
  top: 100%;
  right: -23px;
  display: none;
  flex-wrap: wrap;
  background: #34328F;
  padding: 35px;
  box-shadow: rgba(0,0,0,0.20) 0px 0px 10px;
}
@media only screen and (min-width: 1024px) {
  .naviagtionBox li a:hover:after {background: #000; transform: scaleX(1);}
  .naviagtionBox li:hover .mgDD {display: flex;}
  .overlayNav {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10;
    left: 0px;
    top: 0px;
    display: none;
  }
  .overlayNav.active {display: block;}
}
.mgDDLft {
  width: 35%;
  padding-right: 40px;
  border-right: 1px solid #fff;
}

.mgDDRit {
  width: 65%;
  padding-left: 30px;
}

.navigationBox .mgDDLft ul {
  display: flex;
  flex-direction: column;
}

.naviagtionBox ul li .mgDD ul {
  flex-direction: column;
  align-items: flex-start;
}

.naviagtionBox ul li .mgDD ul li a {
  color: #fff;
  height: auto;
  padding: 15px 0;
}
.naviagtionBox ul li .mgDD ul li a:hover {color: #37AAE1;}
.naviagtionBox ul li .mgDD ul li a:after {display: none;}

.mgDDRit .imgb {
  margin-bottom: 20px;
}

.mgDDRit .txtb {
  color: #fff;
  line-height: 22px;
}

.mgDDRit .txtb p {
  padding-bottom: 12px;
}
/* DD */


.activeNav{ font-family: 'ThunderMed'!important; font-weight: 600; position: relative;}
/*.activeNav::before{content: '';  border: solid #fff;border-width: 0 8px 8px 0;display: inline-block;padding: 6px;transform: rotate(45deg);-webkit-transform: rotate(45deg); position: absolute; left: 50%; bottom: -7px; margin-left: -5px;}*/
.srchMenuCol{display: flex; align-items: center; padding-left: 20px;}
.hideNav{display: none;}
.srchWrp{width: 100%; background-color: rgba(0, 0, 0, 0.8); position: fixed; left: 0px; top: 0px; z-index: 9999 ;display: none; transition: all 0.3s ease-in;}
.srchWrpInr{width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; }
.topSrchBox{width: 700px;}
.whitSrch .srchBox{background: none; border: #fff 1.5px solid;}
.whitSrch .srchFild{color: #fff;}
.whitSrch .srcBtn{color: #050505; background: #fff; border-radius: 20px; font-size: 16px; font-weight: 500; width: 120px; position: relative; height: 43px;right: -1px; border-top-left-radius: 0px !important; border: 0px;}
.blckSrch .srchBox{background: none; border: #050505 1.5px solid;}
.blckSrch .srchFild{color: #050505;}
.blckSrch .srcBtn{color: #fff!important; background: #050505; border-radius: 20px; font-size: 16px; font-weight: 500; width: 100px; position: relative; height: 43px;right: -1px;}
.bannerSrch .srchFild::placeholder {color: #fff;opacity: 1;}
.srchFild {background: none;border: 0px;font-size: 15px;color: #000;height: 32px;padding: 0px 20px;width: 72%;}
.srchBox{width: 100%; height: 44px; border: #C1C1C1 1px solid; background: #fff; border-radius: 20px; display: flex; align-items: center; justify-content: space-between;}
.slick-next.slick-disabled{opacity: 0.5}
.slick-prev.slick-disabled{opacity: 0.5}
.headerBg{box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.75);}
.menuClose{width:46px; height: 46px; background: url("../images/close-menu.svg") no-repeat 0px 0px; background-size: 100%; position: absolute; right: 2px; top:10px; display: none; cursor: pointer; z-index: 10;}
.srcBtn{width: 50px; height: 40px; background: url("../images/search-btn-icon.svg") no-repeat center center; border: 0px; outline: 0px;}


/*Common css start*/
.inputFiled {width: 100%;height: 50px;padding: 0px 10px;background: #fff;border: #C4C4C4 1px solid;box-sizing: border-box;font-size: 16px;color: #555555;border-radius: 25px; border-top-left-radius: 0px !important;}
.inputFiled::placeholder {font-weight: 300; font-size: 14px;}
.textareaFild {width: 100%;height: 120px;padding: 5px 10px;background: #fff;border: #C4C4C4 1px solid;box-sizing: border-box;font-size: 16px;color: #555555;border-radius: 25px; border-top-left-radius: 0px !important; resize: none;}
.slectList{width: 100%;height: 50px;padding: 0px 10px;border: #C4C4C4 1px solid;box-sizing: border-box;font-size: 16px;color: #555555;border-radius: 25px; border-top-left-radius: 0px !important; appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/arrow-drop.svg) 95% center no-repeat #fff;}
.chkbox {display: block;position: relative;padding-left: 35px;padding-bottom: 0px!important;
 cursor: pointer!important;font-size: 18px!important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #555555!important;font-family: 'robotoregular'!important;}
.chkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.chkbox  .checkmark {position: absolute;top: 0;left: 0;height: 24px;width: 24px;background-color: #f6f6f6;border: #C4C4C4 1px solid; border-radius: 2px;}
.chkbox:hover input ~ .checkmark {background-color: #f6f6f6;}
.chkbox input:checked ~ .checkmark {background-color: #f6f6f6;}
.chkbox .checkmark:after {content: "";position: absolute;display: none;}
.chkbox input:checked ~ .checkmark:after {display: block;}
.chkbox .checkmark:after {left: 8px;top: 4px;width: 5px;height: 10px;border: solid #276EF1;border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.frmBtnRow {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.frmBtnRow .btn {margin: 0 10px;}

.btn {min-width: 150px; padding: 0px 30px; height: 44px; line-height: 44px; display: flex;align-items: center;justify-content: center;background: #C45EF0;border-radius: 30px;font-size: 16px;color: #fff;text-decoration: none;text-align: center;
border-top-left-radius: 0px!important; border: 0px; font-weight: 600; cursor: pointer; transition: all 0.2s ease;}
.btn:hover{border-radius: 30px; border-top-right-radius: 0px!important; border-top-right-radius: 30px!important; background:#34328F!important;}

.btnReverse {background: #34328F;}
.btnReverse:hover{background:#C45EF0!important;}

.inlineBtn {display: inline-block;}

.whitBtn:hover {background: #C45EF0 !important;color: #fff !important;}



.outlineBtn{border: #fff 1px solid; background: none!important;}
.outlineBtn2{border: #34328F 1px solid; color: #34328F; background: none!important;}
.outlineBtn2:hover{color: #fff;}

.breadcrumbsBox{width: 100%; position: relative; overflow: hidden; z-index: 10;}

.breadcrumbsLink{height: 50px; display: flex; align-items: center; }
.breadcrumbsLink ul{display: flex; }
.breadcrumbsLink li{padding-right: 10px; color: #717171; font-size: 18px; font-weight: 300; color: #fff; font-family: 'ThunderLight';}
.breadcrumbsLink li:first-child{font-weight: 500;}
.breadcrumbsLink li a{ text-decoration: none; color: #fff;  display: flex; align-items: center; letter-spacing: 1.5px;}
.breadcrumbsLink li a::after{content: ''; border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;padding: 5px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg); margin-left: 10px;}
.hdRow{width: 100%; padding-bottom: 30px;}
.titleHd{font-size: 50px; line-height: 48px; color: #34328f; font-family: 'ThunderMed'; font-weight: 600;padding-bottom: 5px; text-transform: uppercase; letter-spacing: 2px; position: relative;}
.titleHd::before{width:4px; height: 36px; background: #C45EF0; display: block; left: 0px; top: 0px; position:absolute; }

.titleHd.whiteLine:after {background: #fff;}
.titleHd i{display: inline-block;width:4px; height: 36px; background: #C45EF0; display: block; left: 10px; top: 0px; position:absolute; transform: skew(-10deg);}
.sectionTitle{ display: flex; padding-bottom: 15px; margin-bottom: 40px; border-bottom: #151515 1px solid; font-size: 18px; line-height: 19px; font-weight: 600; color:#151515; text-transform: uppercase; position: relative; margin-left: 25px;}
.sectionTitle span{display: inline-block; position:relative; margin-left: -25px;}
.sectionTitle span::after{content: ''; width: 100%; height: 10px; background: #000; display: block; left: 15px; bottom:-19px; position:absolute; transform: skew(-30deg, 0deg);}
.sectionTitle span::before{content: ''; width: 7px; height: 10px; background: #000; display: block; left: 6px; bottom:-19px; position:absolute; transform: skew(-30deg, 0deg);}
.sectionTitle::before{content: ''; width: 4px; height: 10px; background: #000; display: block; left: -25px; bottom:-4px; position:absolute; transform: skew(-30deg, 0deg);}

.whiteTxt .sectionTitle span:after, .whiteTxt .sectionTitle span:before, .whiteTxt .sectionTitle:before {background: #fff;}

.subHd{font-size: 18px; color: #151515; line-height: 21px; padding-bottom: 20px; position: relative; z-index: 2;}
.whtHd{color: #fff!important;}
.whitBtn{background: #fff!important;  color: #1A1A1A!important}
.noLftLine{padding-left: 0px!important;}
.noLftLine::before{display: none;}
.noLftLine::after{display: none;}
.blckBg{background:#151515}
.blueBg{background: #34328F;}
.lightblueBg{background: #37AAE1;}
.padLft{padding-left: 25px!important;}
.btnWrp{width: 100%; display: flex; padding-top: 30px;}
.centerBtn{justify-content: center;}
.commonRow{width: 100%;}
.ourServiesCont{width: 100%;}
.sectionRow{padding-bottom: 50px; overflow: hidden;}
.boxInner{padding: 50px 0px;}
.padLftRmv{padding-left: 0px!important;}
.padRitRmv{padding-right: 0px!important;}
.blckText{color:#151515!important}

.fildRow{width: 100%; display: flex; flex-wrap: wrap; padding-bottom: 20px;}
.fildRowEnd {align-items: flex-end;}
.fildRowEnd .btns {padding-right: 10px;}
.fildCol{width: 48%;}
.colFldful{width: 100%!important;}
.fildCol label {font-size: 16px;color: #000;font-weight: 500; display: block;padding-bottom: 7px;cursor: default;}
.fildbox{width: 100%;}

.pageTitle{width: 100%; padding:10px 0 35px 0;}
.pageTitle h1{font-size: 40px; line-height: 42px; color: #fff; font-family: 'ThunderMed'; font-weight: 600;padding-bottom: 5px; text-transform: uppercase; letter-spacing: 2px;}
.pageTitle p{font-size: 18px; line-height: 23px; color: #fff; width: 50%;}
.alignCenter{text-align: center}


/*Home page css start*/

.main-wrp{padding-top: 120px;}
.slick-dots{bottom: 30px!important;}
/* .slick-active button{width: 50px!important; height: 12px!important; border-radius: 10px!important; background: #fff!important;} */
.slick-dots li{width: auto!important; height: auto!important;}
.slick-dots li button::before{display: none!important;}
.slick-prev, .slick-next{width: 40px!important; height: 40px!important; background: #34328F!important; border-radius: 50%;}
.thumRowBox .slick-next, .newsThumSlider .slick-next{right: -40px;}
.thumRowBox .slick-prev, .newsThumSlider .slick-prev{left: -40px;}
.slick-prev::before, .slick-next::before{border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;padding: 4px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);  font-size: 0px!important; opacity: 1!important;}
.slick-prev::before{ transform: rotate(136deg)!important;-webkit-transform: rotate(136deg)!important; }
.slick-dotted.slick-slider{margin-bottom: 0px!important;}
.bannerBox{width: 100%; overflow: hidden;}
.bannerBox img{width: 100%;}
.heroBanner{width: 100%;}
.heroBanner .slick-dotted.slick-slider{margin-bottom: 0px!important;}
.heroBanner .slick-dots li button{border: #fff 2px solid; width: 12px; height: 12px; background: #7dbdf1; border-radius: 50%; font-size: 0px!important;}
.bannerCont{width: 100%; position: relative;}
.bannerContBox{width: 100%; height: 100%; position: absolute; display: flex; align-items: center; left:0px; top: 0px; z-index: 1;}
.bannerText{width:100%  ; max-width: 800px;}
.bannerTextmax500 {width:100%; max-width: 500px;}
.bannerText h2{font-size: 60px;line-height: 56px;color: #fff;font-family: 'ThunderMed';  font-weight: 600; text-transform: uppercase;padding-bottom: 10px; letter-spacing: 2px; }
.bannerText h1{font-size: 18px;line-height: 23px;color: #fff;padding-bottom: 20px; text-transform: uppercase; font-weight: 400;}
.bannerText h2 i{content: '';width: 15px;height: 40px;background: #C45EF0;display: inline-block;transform: skewX(-20deg); margin-left: 20px;}
.bannerText p{font-size: 18px;line-height: 23px;color: #fff;padding-bottom: 20px;}
.bannerBtn{width: 100%; display: flex; align-items:center; margin-top: 20px; flex-wrap: wrap;}
.heroBanner .slick-dots{width: 200px;}
.heroBanner .slick-next{right: 20px; top: inherit!important; bottom: 10px;}
.heroBanner .slick-prev{right: 80px; left: inherit !important; z-index: 1; top: inherit!important; bottom: 10px;}

.thumRowBox{width: 100%;}
.thumBox{width: 100%;}
.thumBoxInr{padding:0px 7px; position: relative;}
.thumBoxInr a{text-decoration: none;}
.thumImg{width: 100%; overflow: hidden;position: relative;}
.thumImg h3 {
  position: absolute;
  left: 0;
  bottom: 30px;
  font-size: 24px;
  color: #fff;
  width: 100%;
  padding: 0 45px 0 30px;
  z-index: 10;
  font-weight: 600;
}
.thumImg h3 b {
  font-weight: 300;
  font-size: 16px;
  display: block;
  padding-top: 10px;
  font-family: 'Inter', sans-serif;
}
.thumImg h3 em {
  position: relative;
  display: inline-block;
  padding-right: 25px;
  width: 100%;
}
.thumImg h3 em:after {
  content: '';
  border: solid #fff;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-left: 4px;
  position: absolute;
  right: 0;
  bottom: 5px;
  transition: all 0.5s ease;
}
.thumImg:hover h3 em:after {right: -10px;}
.thumImg span {display: block; overflow: hidden;}
.thumImg img{width: 100%;  transition: all 0.5s ease;}
@media only screen and (min-width: 767px) {
  .thumImg img:hover{transform: scale(1.2, 1.2);}
}

.thumCont{padding: 15px 0px 0 0;}
.thumCont h3{font-size: 24px; line-height: 25px; color: #151515; padding-bottom: 15px;  font-family: 'ThunderMed'; font-weight: 600; letter-spacing: 1px;}
.thumCont h3 a{color: #151515; }
.thumCont p{color: #151515; font-size: 14px; line-height: 19px; margin-bottom: 20px;}
.thumCont li {padding-bottom: 4px; color: #fff; font-size: 13px;}


.thumImgTheme{width: 100%; position: relative;}

.overText .thumCont{position: absolute; left: 0px; bottom: 15px; width: 100%; padding: 0px 80px 0px 15px; box-sizing: border-box;  z-index: 3;}
.overText .thumCont h3{color: #fff!important; padding-bottom: 0px!important; font-size: 18px!important;
  line-height: 22px!important; font-family: 'Inter', sans-serif!important; font-weight: normal; }
.arrowThum{border: solid #fff;border-width: 0 3px 3px 0;display: inline-block;padding: 4px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: absolute; right: 28px; bottom: 15px; z-index: 2}


.partnerOcean{background: #151515}
.ptnrCount{display: flex; justify-content: space-between;}
.ptnrCol{    width: 24%;
  height: 126px;
  position: relative;
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;}
.ptnrBox{background:#151515; padding: 20px; }
.ptnrBox .ptnrNoBox{width: 100%;  font-size: 55px; color: #fff; font-family: 'Thunder'; font-weight: 600; font-style: italic;padding-bottom: 10px; color: #C45EF0;}
.ptnrBox .ptnrNoBox sub{font-size: 15px; position: relative; top: -10px; left: 5px; letter-spacing: 1px;}
.ptnrBox .ptnrNameBox{font-size: 14px; color: #fff; font-weight: 500; text-transform: uppercase; text-align: center; text-align: right;}

.brandRow{width: 100%;}
.brandBox{width: 100%; position: relative; z-index: 2;}
.brandBox ul{display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;}
.brandBox li{width: 24%;
  background: #fff;
  margin-bottom: 20px;
  border: 1px solid #999;
  display: flex;
  align-items: center;}
.brandBox li span{display: flex;
  
  max-width: 140px;
  margin: 0 auto;
  height: 120px;
  align-items: center;}

  .testimonialsText .sectionTitle {
    margin-top: -150px;
}

.tsmnlMn {
    position: relative;
}
.testimonialsRow{width: 100%; display: flex; justify-content: space-between;}
.testimonialsText{    width: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  min-height: 100%;
  color: #fff;
  justify-content: center; pointer-events: auto;}
  .testimonialsText .testMnlCont{width: 52%;}
.testimonialsText h3{font-weight: 500; font-size: 24px; line-height: 36px; padding-bottom: 40px; font-style: italic;}
.testimonialsText h4{font-size: 20px;padding-bottom: 5px; font-weight: normal;}
.testimonialsText p{font-size: 16px;}
.testimonialsImg{width:100%; z-index: 2; pointer-events: none;}

.testimonialsSlider .slick-slide {position: relative;}

.hmNews{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.hmNewsThum{width: 32%; margin-bottom: 25px;}
.hmNewsThumInr{padding: 20px; background: #fff;}
.hmNewsThumInr a{text-decoration: none;}
.hmNewsThumInr h3{color: #151515; font-size: 18px; line-height: 21px; padding-bottom: 10px; }
.hmNewsThumInr p{color: #151515; font-size: 14px; text-align: right;}


.contImgRow{width: 100%; display: flex; align-items: center}
.contImgRow .imgCol{width: 45%; position: relative; z-index: 2;}
.imgCurveLft{clip-path: polygon(0 0, 100% 0%, 100% 100%, 46% 100%);}
.imgCurveRit{clip-path: polygon(32% 0, 100% 0, 100% 100%, 0% 100%);}
.imgCurveLftTop{clip-path: polygon(0 0, 59% 0, 100% 100%, 0% 100%);}



.contImgRow .textCol{width: 55%; padding-right: 300px;}
.shrtDscBox{position: relative;}
.shrtDscBox p{font-size: 16px; line-height: 21px; padding-top: 10px; color: #fff;}
.themeWhite{position: relative;}
.themeWhite::before{content: ''; width: 100%; height: 50px; background: #fff; display: block; right: 0px; top: 0px; position:absolute; z-index: 0}
.themeWhite::after{content: ''; width: 100%; height: 50px; background: #fff; display: block; right: 0px; bottom:0px; position:absolute; z-index: 0}
.themeWhite .imgCol{position: relative; z-index: 2;}



/*Inner page css start*/
.commonCont{width: 100%;}
.commonCont h3{font-size: 25px; line-height: 26px; padding-bottom: 25px; color:#000; font-weight: 600;}
.commonCont p{font-size: 16px; line-height: 23px; padding-bottom: 20px; color:#000;}
.commonCont p strong{font-weight: bold; text-decoration: none;}
.commonCont p a{color: #0514C4; text-decoration: none;}
.commonCont ul{list-style: disc; padding-left:14px; padding-bottom: 10px;}
.commonCont li{color: #1A1A1A; font-size: 16px; line-height: 21px; padding-bottom: 10px; list-style: disc;}
.dateMin{width: 100%; display: flex; justify-content: space-between; padding-bottom: 10px;}
.dateMinCol{color: #fff; font-size: 14px;}
.brdCumSpace{padding-top: 30px;}
.bannerCenterCont .bannerText{width: 80%; margin: 0px auto; text-align: center;}
.bannerCenterCont .bannerBtn{justify-content: center;}
.bannerCenterCont .btn{margin: 0px 10px;}
.oderChange .imgCol{order: 1;}
.oderChange .textCol{order: 2;}
.lftRitRow{width: 100%; display: flex; justify-content: space-between;}
.lftRitRow .lftCol{width: 65%;}
.lftRitRow .ritCol{width: 30%;}
.trackingBox{border-bottom: #000 1.5px solid; padding-bottom: 15px; margin-bottom: 40px;}
.trackingBox ul{list-style: decimal!important; padding-top: 10px; padding-left: 20px;}
.trackingBox li{list-style: decimal!important}
/*Inner page css end*/

/*About us page css start*/
.timeLineBox{width: 100%; display: flex; align-items: center}
.timeLineSlider{width:200px;}
.timeLineRit{width: 600px;}
.timeLineCont{width: 100%;}
.timeLineCont p{font-size: 18px; line-height: 23px; color: #fff; padding-top: 10px; }
.uprCase{text-transform: uppercase; }
.timeLineCont .uprCase{padding-top: 0px!important; padding-bottom: 15px;}
.timeLineText{color:#D0D0D0; font-size: 20px; padding: 15px 0px; cursor: pointer;}
.timeLineSlider .slick-center .timeLineText{color:#fff; font-weight: 700; font-size: 24px;}
.timeLineSlider .slick-prev{width: 25px; height: 20px!important; left: 5px!important; top: -15px!important; background: none!important;}
.timeLineSlider .slick-prev::before{ transform: rotate(136deg)!important;-webkit-transform: rotate(-135deg) !important; }
.timeLineSlider .slick-next{width: 25px; height: 20px!important; left: 5px!important; bottom: -35px!important; background: none!important; top:inherit!important}
.timeLineSlider .slick-next::before{ transform: rotate(45deg)!important;-webkit-transform: rotate(45deg) !important; }
.contentBanner{width: 100%; margin-bottom: 25px;}
.videoPopup{width: 100%; background: #000;}
.videoPopup iframe{width: 100%; height: 480px;}
.videoPopupWrp .overlayCont{height: auto;}
/*About us page css start*/

/*Service page css start*/
.premiumOfrBox{padding-bottom: 10px!important;}
.premiumOfr{width: 100%; display: flex; flex-wrap: wrap;}
.premiumOfr .thumBox{width: 33%; margin-bottom: 30px;}

.thumBg .thumCont{background:#34328f; padding: 25px 15px 15px 15px;}
.thumBg h3{color: #fff;}
.thumBg p{color: #fff; padding-bottom: 10px;}
.thumCont h4{color: #000;font-weight: 600;font-size: 18px;line-height: 24px; padding-bottom: 10px;}
.thumBg .thumCont h4{color: #fff;}
.readMore{color: #fff; font-weight: 600; font-size: 15px; display:inline-block; }
.readMore::after{content: ''; border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); margin-left: 4px;}
.readMore.blk{color: #000;}
.readMore.blk:after{color: #000; border-color: #000;}
.readMoreBlue{color: #34328F; font-weight: 600; font-size: 15px; display:inline-block;}
.readMoreBlue::after{content: ''; border: solid #34328F;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg); margin-left: 4px; margin-top: 25px;}
.scheduleFrm{width: 100%;}
.scheduleFrm .fildRow{justify-content: flex-start;}
.scheduleFrm .fildCol{width: 30%; margin-right: 20px;}
.scheduleFrm .fildCol label{color: #fff;}
.connectWithUs .hdRow{padding-bottom: 0px;}


.checkSchedule .fildRow{align-items: flex-end;}
.caseStudieSider{width: 100%;}
.caseStudieSider .slick-next{right: 5px!important;}
.caseStudieSider .slick-prev{left: 5px!important;}
/*Service page css end*/


/*Leadership page css start*/
.subTitleHd{color: #fff; font-size: 18px; text-transform: uppercase;  font-weight: 600;}
.subTitleHd.blackTxt{color: #000;}

.ldrTeam{width: 100%; display: flex; flex-wrap: wrap;}
.ldrTeam .thumBox p{color: #fff}
.ldrTeam .thumBox h3{text-transform: uppercase}
.ldrTeam .thumBox {width: 33%;margin-bottom: 30px;}
.floaterBox{width: 50px;  background: #37AAE1; position: fixed; right: 0px; top: 30%; z-index: 99999;  }
.floaterBox li{width: 100%;}
.floaterBox li a{width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; border-bottom: #151515 1px solid;}
.floaterBox li a i{width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}
.floaterBox li a i img{width: auto}
.floaterBox li:last-child a{border-bottom: 0px;}
/*Leadership page css end*/

/*GlobalReach page css start*/
.globalReachRow {width: 100%;}
.globalReachHd{width: 100%; padding-bottom: 15px; margin-bottom: 40px; display: flex; justify-content: space-between;  position: relative; z-index: 1;}
.globalReachSection{position: relative;}
.globalReachSection::before{content: ''; width: 100%; height: 400px; display: block; background: #fff; position: absolute; left: 0px; top: 0px; z-index: 0;}
.mapBox{width: 100%; margin-bottom: 140px; position: relative; position: relative;}
.mapImg{background: #fff; padding: 0 0 0 0; margin: 0 0 20px 0;}
.mapImg::after {display: none;}
/* .mapImg:after {
  content: '';
  width: 40px;
  height: 200px;
  background: #C45EF0;
  display: block;
  left: 0;
  bottom: -20px;
  position: absolute;
  transform: skew(0deg, 25deg);
  z-index: 1;
}
.mapImg:before {
  content: '';
  width: 200px;
  height: 40px;
  background: #C45EF0;
  display: block;
  left: -20px;
  bottom: 0;
  position: absolute;
  transform: skew(25deg, 0deg);
  z-index: 1;
} */
.mapImg img{width: 100%;}
.slctRegion{width: 180px; padding-top: 50px; position: relative; z-index: 1;}
.contactMapDlts .slctRegion {padding-top: 0; margin-left: auto;}
.contactMapDlts .hdRow {display: flex; flex-wrap: wrap;}
.contactDtlsRow {width: 100%;}
.contactDtlsRow h3{ color: #fff; font-size: 45px; line-height: 45px; padding-bottom: 10px;  font-family: 'ThunderMed'; text-transform: uppercase; letter-spacing: 1px;}
.contactDtlsCont{width: 100%;padding: 15px 0px; border-bottom: #fff 1px solid; margin-bottom: 15px; display: flex;}
.contactDtlsCont h4{ color: #fff; font-size: 20px; padding-bottom: 20px; font-weight: 600; width: 300px;}
.contactDtlsbox{width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap;}
.contactDtlsbox .contactDtlsCol:nth-child(1){width: 40%}
.contactDtlsbox .contactDtlsCol:nth-child(2){width: 23%}
.contactDtlsbox .contactDtlsCol:nth-child(3){width: 20%}
.contactDtlsbox .contactDtlsCol:nth-child(4){width: 40%}
.contactDtlsCol h5{color: #fff; font-size: 17px; padding-bottom: 10px; font-weight: 600;}
.contactDtlsCol p{color: #fff; font-size: 15px; line-height: 21px; padding-bottom: 5px; font-weight: 400; }
.srvicList{width: 100%;}
.srvicList ul{display: flex;  flex-wrap: wrap}
.srvicList li{width: 47%; font-size: 14px; color: #fff; padding-bottom: 5px;}
.srvicList li a{color: #fff; text-decoration: underline;}
.contactDtlsItem{width: 100%;}
.contactDtlsItem .contactDtlsCont{display: inherit; border-bottom: #1A1A1A 1px solid;}
.rignsSrvclist .contactDtlsCont h4{font-size: 18px; color:#1A1A1A;}
.rignsSrvclist .contactDtlsCol h5{color:#1A1A1A; font-size: 16px;}
.rignsSrvclist .contactDtlsCol:nth-child(1){width: 40%}
.rignsSrvclist .contactDtlsCol:nth-child(2){width: 30%}
.rignsSrvclist .contactDtlsCol:nth-child(3){width: 25%}
.rignsSrvclist .contactDtlsCol p{padding-bottom: 5px; font-size: 14px; line-height: 20px; color:#1A1A1A;}
.servicePopupCont{width: 100%; }
.servicePopup{padding: 0px 30px}
.servicePopup p {font-size: 15px;line-height: 22px;color: #1A1A1A;padding-bottom: 20px;}
.contactDtlsRow .contactDtlsCont:last-child{border-bottom: 0px!important; padding-bottom: 0px; margin-bottom: 0px;}
/*GlobalReach page css end*/

/*Customer speak page css start*/
.tstmnlMore{width: 100%; display: flex; padding: 30px 0px; flex-wrap: wrap;}
.tstmnlMore .thumBox{width: 50%; margin-bottom: 10px;}
.tstmnlBtn{padding-top: 0px!important;}
.customerThumRow{width: 100%; display: flex; padding-bottom: 10px; flex-wrap: wrap;}
.customerThumRow{width: 100%; display: flex;}
.customerThumRow .thumBox{width:20%;}
.customerThumRow .thumBox .thumBoxInr{padding: 0 15px 0 0!important;}
.customerThumRow .thumCont h3{color: #fff; font-family: 'Inter', sans-serif!important; font-size: 17px; line-height: 22px;}
.customerThumRow .thumCont p{color: #fff;}
/*Customer speak page css start*/

/*News page css start*/
.newsBanner{width: 100%; margin-bottom: 40px; border-bottom:#151515 1px solid; padding-bottom: 40px;}
.newsBanner .thumCont{background: #C45EF0; padding: 15px 25px;}
.newsBanner .thumCont p {color: #fff;font-weight: 600;font-size: 22px;line-height: 24px;padding-bottom: 15px;}.thumImg 
.newsBannerImg{width: 100%;}
.newsDate{width: 100%; padding-bottom: 15px; color: #717171; font-size: 14px;}
.newsThumSlider{width: 100%;}
.newsDtls{width: 100%; border-bottom: #1A1A1A 1px solid; padding-bottom: 10px;}
/*News page css End*/

/*Disclosures page css start*/
.faqListRitotr h2 {font-size: 32px;}
.ritInrBox{padding: 60px 35px;}
.ritInrBox h3{color: #34328f; padding-bottom: 10px; font-size: 25px;  font-weight: 600; letter-spacing: 1px;}
.ritList{width: 100%}
.ritList li{ padding: 0px;} 
.ritList li a{color: #000; display: flex; font-size: 18px; font-weight: 400; text-decoration: none; display: flex; align-items: center; padding: 10px 5px; border-bottom: #fff 1px solid;}
.ritList li a em{
  width: calc(100% - 60px);
  padding: 0 0 0 20px;
}
.ritList li a span {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 50%;
  background: #C45EF0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.ritList li a span img {max-width: 32px;}

.ritList li:last-child a{border-bottom: 0px!important;;}
.ritList li span{padding-right: 10px; display: inline-block;}
.downlaodIcon{width: 20px; height: 20px; display: inline-block; background: url("../images/downlaod-icon.svg") no-repeat 0px 0px;}
.arrowIcon{width: 20px; height: 20px; display: inline-block; background: url("../images/arrow-icon.svg") no-repeat center center;}
/*Disclosures page css end*/

/*Faqs page css start*/
.faqBox{width: 100%;}
.faqTopicList {width: 100%; display: flex; flex-wrap: wrap;}
.faqTopicList .thumBox{width: 50%; margin-bottom: 30px;}
.faqSrchRow{width: 100%; padding-bottom: 20px; margin-bottom: 30px; position: relative;}
.faqSrchRow p{color: #333333; font-size: 20px; font-weight: 600; padding-bottom: 15px; }
.faqSrchBox{width: 500px;}
.faqSrchBox .srchBox{border-top-left-radius: 0px !important;}
.faqAcdBox{width: 100%;}
.faqAcdBox h4{color: #151515; font-size: 20px; font-weight: 400; height: 45px; display: flex; align-items: center; cursor: pointer; justify-content: space-between; padding-right: 10px;}
.faqAcdBox h4 a {text-decoration: none; color: #000;}
.faqAcdBox h4{color: #151515; text-decoration: none;}
.faqAcdBox h4::after{content: '';  border: solid #151515;border-width: 0 2px 2px 0;display: inline-block;padding: 5px;  transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.accActive::after{padding: 5px;  transform: rotate(-135deg)!important;-webkit-transform: rotate(-135deg)!important;}
.faqAnsr{width:100%; padding-top: 15px; display: none !important; }
.faqAnsr p{color: #717171; font-size: 16px; line-height: 23px; padding-bottom: 15px;}
/* .accActive{border-bottom: 0px!important;} */
.faqBox .thumCont h3{padding-bottom: 10px!important; font-family: 'Thunder'!important; font-weight: 600!important; font-size: 25px!important;}

.faqrow {border: 1px solid #999; margin-bottom: 30px; padding: 10px 20px;}
/*Faqs page css end*/

/*Get in touch page css start*/
.formBox{width: 100%;}
.contactDtls{width: 100%; padding-bottom: 30px;}
.contactDtls h4{font-size: 20px; color: #fff; font-weight: 500; padding-bottom: 10px;}
.contactDtls p{font-size: 15px; color: #fff; line-height: 21px; padding-bottom: 3px;}
/*Get in touch page css end*/

/*Tracking page css start*/
.trackingBanner .bannerText{width: 100%;}
.trackingBanner .bannerContBox{display: inherit; padding-top: 40px;}
.trackSrch{width: 100%; display: flex; justify-content: center; padding-top: 100px;}
.trackSrch .srchBox{background: #fff; border-top-left-radius: 0px !important;}
.trackSrch .srcBtn{background: #37AAE1; color: #fff; border-top-left-radius: 20px !important;}
.trackSrch .srchFild{color: #151515;}
/*Tracking page css end*/

/*Contact us page css start*/
.contactMapDlts .contactDtlsCont h4{color: #fff}
.contactFrm{width: 100%; padding-bottom: 40px;}
.contactFrm .fildRow {justify-content: space-between; padding-bottom: 30px;}
.contactFrm .fildCol{width: 48%;}
.contactInfrm{width: 100%;}
.contactInfrmDlts{width: 100%; background: #34328F;
  color: #fff;
  padding: 80px 35px;}
.contactInfrmCol{width: 100%; position: relative; z-index: 2;}
.contactInfrmDlts h3 {color: #fff; font-size: 24px; font-weight: 600;position: relative; z-index: 2; padding-bottom: 20px;}
.contactInfrmCol h4{letter-spacing: 1px; padding-bottom: 15px; font-size: 16px; padding-top: 10px;}
.contactInfrmCol p{padding-bottom: 15px; font-size: 16px;}
.contactInfrmCol p strong{font-weight: 600;}
/*Contact us page css start*/

/*Footer Css start*/
.ftrBg{background: #000;}
.ftrTop{width: 100%; padding: 30px 0px; display: flex; }
.ftrCol{width: 24%;}
.ftrLink{padding: 0px;}
.ftrLink h5{font-size: 20px; color: #fff; font-weight: 600; padding-bottom: 20px;}
.ftrLink h5 a{color: #fff; text-decoration: none;}
.ftrLink ul{padding: 0px;}
.ftrLink li{padding:0 0 12px 0;}
.ftrLink li a{font-size: 16px; padding: 5px 0px; color: #C7C7C7; text-decoration: none; position: relative;}
.ftrLink li a:hover{color: #fff;}
.ftrLink li a:after { content: "";position: absolute;left: 0px;bottom: 0px;height: 1px;width: 100%;background: #fff; transition: all .4s ease; transform: scaleX(0);}
.ftrLink li a:hover:after {background: #fff; transform: scaleX(1);}
.hdLink a{font-weight:500!important; font-size: 18px!important}
.heaOfc{width: 100%; padding-bottom: 10px;}
.heaOfc p{font-size: 16px; line-height: 19px;  color: #C7C7C7; padding-bottom: 10px; font-family: 'Inter', sans-serif;  font-weight: 400;}
.socialLink{width: 100%; display: flex;align-items: center;}
.socialLink a{width: 46px; height: 45px; border-radius: 50%; display: block; margin-right: 10px; background: url("../images/social-icon.png") no-repeat;}
.socialLink a:hover {box-shadow: 0 0 8px #fff;}
.f-icon{background-position:-60px 0px!important;}


.ftrBtm{width: 100%; padding: 15px 0px; display: flex; align-items: center; justify-content: space-between; border-top: #C7C7C7 1px solid;}
.ftrBtm ul{padding: 0px; display: flex;}
.ftrBtm li{padding:0px 15px; font-size: 16px;  color: #C7C7C7; border-right: #C7C7C7 1px solid;}
.ftrBtm li a{font-size: 16px; padding: 5px 0px; color: #C7C7C7; text-decoration: none; }
.ftrBtm li:first-child{padding-left: 0px!important;}
.ftrBtm li:last-child{border-right:0px!important;}
.bcktoTop{display: inline-block; height: 30px; line-height: 30px; padding-right: 40px; font-size: 18px; color: #fff; text-decoration: none; background: url("../images/back-to-top.png") no-repeat right 0px;}
/*Footer Css end*/

/*Popup Css start*/
.overlayBox{width: 100%;height: 100%;position: fixed;background-color: rgba(0, 0, 0, 0.6); z-index: 9999999;left: 0px;top: 0px;display: none;}
.overlayInr{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px; display: flex; justify-content: center; align-items: center;}
.closePopup{width: 40px; height: 40px; display: block;position: absolute; right: 0px; top: -50px; background: url("../images/closepopup.png") no-repeat 0px 0px; background-size: 100%; cursor: pointer;}
.overlayCont{width:1000px; background: #fff; position: relative; height: 80vh;}
.popupCont{padding: 20px 25px;}
.ScrolBox{overflow-y:auto; height: calc(100vh - 200px);}
.ScrolBox::-webkit-scrollbar {width:6px;margin:10px 0}
.ScrolBox::-webkit-scrollbar-track {background:#ccc;border-radius:10px}
.ScrolBox::-webkit-scrollbar-thumb {background:#37AAE1;border-radius:10px}
 @supports (scrollbar-color:red blue) {
.ScrolBox{scrollbar-color:#C45EF0 #ccc;scrollbar-width:thin;}
  }
/*Popup Css end*/




/* common things */
.sectionBlack {background: #151515; padding: 50px 0;}
.sectionBlue {background: #34328F; padding: 50px 0;}
.itmsRow {margin: 0 -5px; display: flex; flex-flow: row wrap; align-items: stretch;}
.col6lg {width: 50%;}
.col3lg {width: 32%;}
.inrPad {padding: 0 5px;}
.sectionTop {padding-top: 50px;}
.sectionBottom {padding-bottom: 50px;}
.nrmlList {padding-bottom: 20px;}
.nrmlList ul{list-style: none; padding-left: 15px;}
.nrmlList li {padding-top: 12px; list-style: disc;}
.btnRow {display: flex; flex-wrap: wrap; width: 100%;}
.btnCenter {justify-content: center;}
.whiteTextTheme .sectionTitle {color: #fff; border-color: #fff;}
.whiteTextTheme .sectionTitle span::after {background: #fff;}
.whiteTextTheme .titleHd {color: #fff;}
.readTime {font-weight: 500; display: block; padding-top: 20px;}
.title4 {font-size: 20px; padding-bottom: 20px;}
.bgnone {background: none;}
/* end common things */

.sectionBlack .titleHd {color: #fff;}
.sectionBlack .fildCol label {color: #fff;}
.formBoxBaseLine {align-items: flex-end;}

.fillFormLg .sectionTitle {margin-bottom: 20px;}
.fullSlidein .shrtDscBox .titleHd {
  padding-left: 0;
  border-bottom: 7px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.fullSlidein .shrtDscBox .titleHd:after {display: none;}
.fullSlidein .shrtDscBox .readMoreBlue {color: #fff; text-decoration: none;}
.shrtDscBox .readMoreBlue:after {border-color: #fff;}
.fullSlidein {display: flex; flex-wrap: wrap; align-items: normal;}
.fullSlidein .textCol {background: #C45EF0; display: flex; padding:60px 50px;}

.fullSlidein .textCol {width: 70%; margin-bottom: 50px;}
.fullSlidein .imgCol {width: 60%; margin: 50px 0 0 -30%;}
.fullSlidein .shrtDscBox {max-width: 48%;}
.fullSlide .slick-prev {
  left: 50px;
  z-index: 1;
  top: 65%;
}
.fullSlide .slick-next {
  left: 110px;
  right: inherit;
  z-index: 1;
  top: 65%;
}
.testimonialsSlider .slick-prev, .testimonialsSlider .slick-next {bottom: 50px; top: inherit;}
.testimonialsSlider .slick-prev {left: 45px;}
.testimonialsSlider .slick-next {left: 100px;}

.corprt-res .thumCont .btnDv {display: flex; justify-content: flex-end; padding-right: 25px;}
.pinkBg {background: #C45EF0;}
.pinkBg .titleHd i {background: #34328F;}



.pinkArrow .slick-prev, .pinkArrow .slick-next {background:#C45EF0 !important;}

.corprt-res .thumImg img:hover {transform: none;}
.cardoverlay .thumBoxInr a {position: relative;}
.cardoverlay .thumBox .overlayBx {width:100%; height: 100%; position: absolute; left: 0; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; z-index: 10; display: none;}

.cardoverlay .thumBox:hover .overlayBx, .cardoverlay .thumBox.active .overlayBx {display: flex;}

.thumContin {max-height: 100%;}
.scrlCstmin {overflow-y: auto;}
    /* .scrlCstmin {
      scrollbar-width: thin;
      scrollbar-color: var(--secondary) var(--primary);
    } */
    .scrlCstmin::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
      border-radius: 0px;
      background-color: #ccc;
    }
     
    .scrlCstmin::-webkit-scrollbar {
      width: 7px;
      background-color: #000;
    }
     
    .scrlCstmin::-webkit-scrollbar-thumb {
      border-radius: 7px;
      -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, .3);
      background-color: #000;
    }

    /* MOZILLA */
    .scrlCstmin::-moz-scrollbar-track {
      -moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
      border-radius: 0px;
      background-color: #ccc;
    }
     
    .scrlCstmin::-moz-scrollbar {
      width: 7px;
      background-color: #000;
    }
     
    .scrlCstmin::-moz-scrollbar-thumb {
      border-radius: 7px;
      -moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, .3);
      background-color: #000;
    }

  
.lftCol {width: 60%; padding: 0 100px 0 30px;}
.lftCol p {padding-bottom: 20px; line-height: 24px;}
.ritBx {width: 40%;}


.bannerContSlider .slick-slide {position: relative;}
.bannerContSlider .containerInr {padding: 0 100px;}
.bannerContSlider .slick-prev {left: 30px;}
.bannerContSlider .slick-next {right: 30px;}
.evenoddsec {overflow-y: visible;}
.evenoddsec .itmsRow{align-items: center;}
.evenoddsec .itmsRow .leftCont {padding: 0 200px 0 30px;}
.evenoddsec .itmsRow .leftCont .hdRow {padding-bottom: 12px;}
.itmsRow p {color: #717171; line-height: 22px; padding-bottom: 18px;}
.evenoddsec .col6lg {margin-bottom: 100px; position: relative;}

.evenoddsec .col6lg:nth-child(2n):after{
  content: '';
    background: linear-gradient(0deg, rgba(196, 94, 240, 1) 0%, rgba(52, 50, 143, 1) 100%);
    width: 50%;
    height: calc(100% + 60px);
    position: absolute;
    right: 0;
    top: -30px;
    transform: skew(30deg, 0deg);
}
.evenoddsec .col6lg:nth-child(2n) .ritCont {position: relative; z-index: 10;}

.midCmnCnt {margin: 20px 0 40px 0;}
.bnrimgCaseStudy {margin:20px 0 40px 0;}
.contentCaption .thumCont h3 {
  color: #fff;
}

.contentCaption .thumCont p {
  color: #fff;
}
.contentCaption .thumCont h4 {font-size: 17px; color: #fff; padding-bottom: 5px;}

.contentCaption .thumCont .readTime {
  color: #fff;
}

.contentCaption .thumCont {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 15px 40px 15px;
}

.contentCaption a {
  position: relative;
}

.contentCaption .thumImgTheme:before, .contentCaption .thumImgTheme:after {
  display: none;
}
.contentCaption .thumCont h3 {
  color: #fff;
}

.contentCaption .thumCont p {
  color: #fff;
}

.contentCaption .thumCont .readTime {
  color: #fff;
}

.contentCaption .thumCont {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 15px 50px 15px;
}

.contentCaption a {
  position: relative;
}
.contentCaption .thumBoxInr {padding: 0 15px 0 0;}
.contentCaption .thumImgTheme:before, .contentCaption .thumImgTheme:after {
  display: none;
}

.contentCaption .arrow {
  content: '';
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 15px;
  bottom: 40px;
  z-index: 10;
}

.contentCaption .arrow:after {
  content: "";
  border: solid #000;
  border-width: 0 1.5px 1.5px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 1px 0 0 3px;
  position: relative;
  transition: all .5s ease-in;
  margin-left: -5px;
}
@media only screen and (min-width: 768px) {
  .ArrowPositionDesk .slick-prev, .ArrowPositionDesk .slick-next {display: block !important;}
  .ArrowPositionDesk .slick-prev {
    top: -64px;
    bottom: 0;
    left: inherit;
    right: 100px;
}
.ArrowPositionDesk .slick-next {
  top: -64px;
  margin-left: 20px;
  right: 40px;
}
}
.bannerBox .srcBtn {width: 35px; height: 35px; background: #fff; margin-right: 10px;}
.bannerBox .trackSrch {justify-content: flex-start; padding: 40px 0 30px 0;}
.bannerText .populerSerch p {padding-bottom: 0;}
.populerSerch .bannerBtn .btn{ margin: 0 15px 15px 0;}
.populerSerch .bannerBtn .btn:last-child { margin-left: 0;}
.blueBg .ptnrBox {background: #37AAE1;}
.tstmnlMore .chooseSlider .thumBox {width: 100%;}
.grid3 {display: flex; flex-wrap: wrap; margin: 0 -5px;}
.grid3 .thumBox {width: 33%; padding: 0 5px 30px 5px;}
.ourServiesCont .btnRow {padding-top: 20px;}
.dvdr {
  position: absolute;
  left: 10%;
  bottom: -20px;
  background: #fff;
  padding: 10px;
  font-weight: 500;
}
.searchoption2 {padding: 40px 0 0 0;}
.searchoption2 .fildCol {width: 19%; padding-right: 15px;}


.opngDtl {padding: 0 0 20px 0;}

.opngDtl p strong {font-weight: bold; width: 100px;}
.openings .thumBg  p {padding-bottom: 30px;}
.openings .opngDtl p {padding-top: 15px; padding-bottom: 0; margin-bottom: 0;}
.jobAlert .titleHd, .jobAlert label {color: #fff;}
.jobAlert .fillFormLg .sectionTitle {border: 0; margin-bottom: 0;}
.pageTitle ul {display: flex; flex-wrap: wrap; padding:20px 0 35px 0; width: 100%; max-width:550px ; position: relative; margin-left: -20px;}

.pageTitle ul li{color: #fff; border-left: 1px solid #fff; padding-left: 10px; margin:0  0 10px 10px; font-size: 18px;}
.pageTitle ul li:last-child{color: #fff; border-right: none}
.pageTitle .btnRow .btn {margin-right: 20px;}
.pageTitle .btnRow .btn:last-child {margin-right: 0;}
.contnBxing {padding-top: 20px;}
.contnBxing:first-child {padding-top: 0;}
.ritCol .thumBox {margin-bottom: 20px;}
.imgDecorate {margin: 0 25px 25px 25px;}

.dargMain {width: 100%;  display: flex; flex-wrap: wrap;}
.dragLeft {width: 100%; height: 400px; border: 1px solid #333; margin-right: 10px;}
.dragRight {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.dragItem {width: 48%; height: 100px; margin-bottom: 12px; border: 1px solid #333; display: flex; justify-content: center; align-items: center;}
.fixedBody {position: absolute;}

.proflBnr .subTitleHd {color: #151515; text-transform: none; padding-bottom: 20px; font-weight: normal; font-size: 24px; line-height: 36px;}

.proflBnr .shrtDscBox p {
  color: #151515;
}
/* .proflBnr .contImgRow {align-items: flex-start;} */

.thumbBxstyle2 .thumBoxInr {
  border: 1px solid #999;
  padding: 10px 10px 110px 10px;
  margin: 0 10px;
  background: #fff;
}
.thumbBxstyle2 .arrowThum {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #C45EF0;
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translate(-50%, 0);
  border: 0;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}

.thumbBxstyle2 .thumCont.active .arrowThum {top: -22px;}


.thumbBxstyle2 .thumCont {
  position: absolute;
    text-align: center;
    padding: 30px 10px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    height: 110px;
    
}
.thumbBxstyle2 .thumCont.active {height: 260px; padding-top: 50px;}

.thumbBxstyle2 .arrowThum:after {
  content: '';
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-134deg);
  -webkit-transform: rotate(-134deg);
  position: absolute;
  right: 14px;
  bottom: 13px;
  z-index: 2;
}
.thumbBxstyle2 .thumCont.active .arrowThum:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  bottom: 16px;
}

.thumbBxstyle2 .ldrTeam .thumBox p {
  color: #000;
}
.thumbBxstyle2 .ldrTeam .thumBox .thumCont.active p {margin-bottom: 10px;}
.shortDescOpenBx {
  padding: 20px 0;
  display: none;
}
.thumbBxstyle2 .thumCont.active .shortDescOpenBx  {display: block; padding-top: 10px;}

.thumbBxstyle2 .ldrTeam .thumBox h3 {
  padding-bottom: 6px;
}
.thumbBxstyle2 .readMore {
  color: #C45EF0;
}

.shortDescOpenBx p {
  padding-bottom: 20px;
}

.thumbBxstyle2 .readMore:after {
  border-color: #C45EF0;
}


.popUp {
  background: rgba(0,0,0,0.60);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
}

.popUpin {
  width: 96%;
  max-width: 1000px;
  background: #fff;
  padding: 50px 25px 50px 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% - 100px);
}
.popUpinr {height: 100%; overflow: auto; padding-right: 25px;}

.popRow {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}

.popleft {
  width: 30%;
  padding: 15px 50px 20px 25px;
  position: relative;
}
.popleft:before {
  content: '';
    background: #34328F;
    width: 90px;
    height: 100px;
    position: absolute;
    right: 75px;
    top: -10px;
    transform: skew(-20deg, 0deg);
}
.popleft img {position: relative; z-index: 2;}
.poprit {width: 70%; padding-top: 20px;}

.popRow:first-child {
  padding-top: 0;
}


.popCont {
  width: calc(100% - 100px);
  padding-right: 50px;
}
.socialsLgin ul {
  line-height: normal;
  transform: skew(0deg, 15deg);
  padding-left: 0;
}
.socialsLgin li {
  padding-top: 18px;
  list-style: none;
}
.socialsLgin li a em {
  width: 40px;
  height: 40px;
  display: flex;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 13px;
}

.socialsLgin li a {
  color: #fff;
  text-align: center;
  display: block;
  font-size: 12px;
  text-decoration: none;
}

.socialsLgin {
  background: linear-gradient(0deg, rgba(196, 94, 240, 1) 0%, rgba(52, 50, 143, 1) 100%);
  display: flex;
  justify-content: center;
  padding: 30px 10px;
  transform: skew(0deg, -15deg);
}



.socialsLgin li:first-child {padding-top: 0;}

.socialsLg {
  display: flex;
  justify-content: flex-end;
  width: 100px;
}

.popCont p {
  padding-top: 24px;
}

.popCont p:first-child {
  padding-top: 0;
}
.popclose {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: -39px;
  cursor: pointer;
}
.prflcontin {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}

.leftclmn {
  width: calc(100% - 200px);
  padding-right: 100px;
}

.ritColumn {
  width: 100px;
  padding-top: 120px;
}
.prflcont .subTitleHd {color: #000; padding-bottom: 20px;}

.pageTitle .faqSrchRow {
  border: 0;
  padding: 20px 0 0 0;
  margin: 0;
}
.faqBox .thumImgTheme:before, .faqBox .thumImgTheme:after, .srcTopicList .thumImgTheme:before, .srcTopicList .thumImgTheme:after {display: none;}
.faqBox .thumBoxInr a {position: relative;}
.faqBox  .overText .thumCont {padding-bottom: 10px; padding-left: 25px;}
.faqBox .thumBox .readMore {margin-top: 20px;}
.topSecMobile .pageTitle h1 {padding-left: 0;}
.topSecMobile .pageTitle h1 i {display: none;}
.topSecMobile .pageTitle h1:after {display: none;}

.srcTopicList .thumBoxInr a {
  display: flex;
  flex-wrap: wrap;
}

.srcTopicList .thumBoxInr .thumImg {
  width: 40%;
  display: none;
}

.srcTopicList .thumBoxInr .thumCont {
  width: 100%;
  padding: 0 0 20px 0;
}

.srcTopicList .thumBox {
  padding: 50px 200px 0 0;
  margin-top: 40px;
  border-top: 1px solid #ccc;
}

.srcTopicList .thumBox:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 20px;
}
.srcTopicList .thumBox:last-child {padding-bottom: 20px;}
.srcTopicList .readMore {
  color: #34328F;
}
.srcTopicList .readMore:after {
  border-color: #34328F;
}
.ntFoundin {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.nfImg {
  margin-bottom: 40px;
}

.ntFoundin h4 {
  font-size: 20px;
  text-align: center;
  line-height: 30px;
}

.siteMpin {
  display: flex;
  flex-wrap: wrap;
}

.siteLinkCol {
  width: 25%;
  margin-bottom: 50px;
  padding-right: 10px;
}

.siteLink h5 {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 20px;
  font-weight: normal;
  font-family: 'ThunderLight';
  letter-spacing: 1px;
  line-height: 40px;
}

.siteLink h5 a {
  text-decoration: none;
  color: #34328F;
  /* font-family: 'ThunderMed'; */
}

.siteLink li {
  padding-bottom: 20px;
}

.siteLink li a {
  font-size: 20px;
  padding: 5px 0px;
  color: #000;
  text-decoration: none;
  position: relative;
  font-family: 'ThunderLight';
  letter-spacing: 1px;
}



/* swiper  */
.lelSlider {position: relative; padding-bottom: 100px;}
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.swiper-slide .imgbLl {position: relative;}
.swiper-slide:hover {z-index: 100;}
/* Hovered item style */
.swiper-slide.hovered {
  flex: 1.5; /* Increase the width of the hovered slide */
  transition: all 0.3s ease;
}


.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sliderBxll {display: flex; flex-direction: column; text-align: left;}
.txtbLl {padding: 20px 0 0 0; font-size: 30px;}
.swiper-scrollbar {
  width: 70% !important;
  height: 2px !important;
  left: 50% !important;
  top: 100% !important;
  transform: translateX(-50%);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000;
}

.overLayDiv {width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: linear 0.2s all 0s;}
.swiper-slide-next + .swiper-slide ~ .swiper-slide .overLayDiv {right: 0; left: inherit;}
.swiper-slide:hover .overLayDiv  {display: block;}  


/* consumer products */

.paddBtRmv {padding-bottom: 0;}

.paddTpBt{padding:50px 0;}
.paddTp{padding:50px 0 0 0;}
.paddBt{padding:0 0 50px 0;}


.orsrvc .containerFluid {position: relative;}
.orsrvc .containerFluid:before {content: ''; background:#34328F; width: 100%; height: 400px; position: absolute; left: 0; top: 0; z-index: -1;}
.orsrvc.stripL:before {height: 400px;}

.themeWhite {color: #fff;}
.orSrvcSld {position: relative;}
.whiteTxt .sectionTitle, .whiteTxt .titleHd, .whiteTxt .subHd {color: #fff;}
.whiteTxt .sectionTitle {border-color: #fff;}
.topArrow .slick-prev, .topArrow .slick-next {top: -104px; z-index: 10;}
.topArrow .slick-prev {left: inherit; right: 65px;}
.topArrow .slick-next {right: 15px;}
.caseStdy {margin-bottom: 100px;}
.caseStdy .thumRowBox .thumCont {background: #fff;}

.awrdMn .containerInr {padding-right: 0;}
.awrdMn .thumImg span {padding: 20px 0 0 30px;}
.awrdMn .thumImg span:before {content: ''; 
  background: linear-gradient(0deg, rgba(52,50,143,1) 0%, rgba(196,94,240,1) 100%);
  width: 80%; height: 90%; position: absolute; left: 35px; top: -10px; transform: skew(-10deg, 0deg);} 
.awrdMn .thumImg img {position: relative; z-index: 2;}
.awrdMn .thumImg img:hover {transform: none;}
.awrdMn .thumRowBox .slick-next {right: 20px;}
.contSec {padding-top: 100px; padding-bottom: 100px;}
.joinTeam {position: relative;}
.joinTeam .contImgRow .imgCol {width: 100%; pointer-events: none; position: relative; z-index: 11;}
.joinTeam .containerInr {padding: 0;}
.joinTeam .contImgRow .textCol {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 11.3%;
    
}
.joinTeam .contImgRow .textCol .btn {pointer-events: auto;}
.joinTeam .contImgRow .textCol .shrtDscBox {padding-left: 50px;}
.cont-address {padding-bottom: 20px;}
.cont-address p {color: #999; line-height: 24px;}
.cont-address span {padding-top: 10px; display: inline-block;}
.cont-address p a {color: #999; text-decoration: none;}
.strip {position: relative;}
.stripL {overflow: hidden;}
.stripR {overflow: hidden;}
.stripL:before, .stripR:before {
  content: '';
    background: linear-gradient(0deg, rgba(196, 94, 240, 1) 0%, rgba(52, 50, 143, 1) 100%);
    width: 110px;
    height: 100%;
    position: absolute;
    top: 0%;
}
.stripL:before {transform: skew(30deg, 0deg); right: 300px;}
.stripR:before {transform: skew(-30deg, 0deg); right: 236px;}
.contSec.stripR:before {height: 50%;}
.imgBtmStrp {position: relative;}
.imgBtmStrp:before {
    content: '';
    background: linear-gradient(0deg, rgba(196, 94, 240, 1) 0%, rgba(52, 50, 143, 1) 100%);
    width: 200px;
    height: 100px;
    position: absolute;
    right: 30px;
    top:100%;
    transform: skew(-30deg, 0deg);
}
.imgBtmStrpRight100:before {right: 100px;}
.imgBtmStrp:after {
  content: '';
  background: #34328F;
  width: 110px;
  height: 100px;
  position: absolute;
  right:116px;
  bottom:100%;
  transform: skew(-30deg, 0deg);
}
.mapImg.imgBtmStrpRight100:before {height: 80px; background: #C45EF0;}
.smallStrip::before {height: 400px; right: 236px;}
.bottomminus {margin-bottom: -30px;}

.slick-dots {position: static; padding-top: 20px;}
.slick-dots li button {
  width: 20px;
  height: 6px;
  padding: 0;
  background: #ccc;
  border-radius: 0;
}
.slick-dots li.slick-active button {background: #C45EF0;}
.contnrHdr {overflow: hidden; min-height: 80px; display: flex; flex-direction: column; justify-content: center;}
.contnrHdr:before {left: 4%; width: 64%; opacity: 0.5; transform: skew(30deg, 0deg);}
.contnrHdr:after{
  content: '';
    background: linear-gradient(0deg, rgba(52, 50, 143, 1) 0%, rgba(196, 94, 240, 1) 100%);
    width: 60%;
    height: 100%;
    position: absolute;
    left: 4%;
    top: 0%;
    transform: skew(-40deg, 0deg);
    opacity: 0.5;
}

.contnrHdr .pageTitle {position: relative; z-index: 2; padding-bottom: 25px;}
.dtlPageImg {margin: 130px 0;}
.dtlPageImg:before {right: 100px;}
.dtlPageImg:after {right: 30px;}
.caseStdy:before {height: 400px;}

.typesOfservs {padding-bottom: 155px;}
.dateStapm {
  color: #999;
  display: inline-block;
  margin-bottom: 20px;
  padding-right: 30px;
}
.knowMoreLink {color: #000; text-decoration: none; font-weight: bold; font-size: 15px;}

.listingCrds {position: relative; padding-bottom: 146px;}
.listingCrds:before {
  content: '';
    background: linear-gradient(0deg, rgba(196, 94, 240, 1) 0%, rgba(52, 50, 143, 1) 100%);
    width: 170px;
    height: 900px;
    position: absolute;
    top: 0%;
    right: 304px;
    transform: skew(-34deg, 0deg);
}
.listingCrds:after {
  content: '';
    background: linear-gradient(0deg, rgba(196, 94, 240, 1) 0%, rgba(52, 50, 143, 1) 100%);
    width: 110px;
    height: 50%;
    position: absolute;
    bottom: 0%;
    right: 16.4%;
    transform: skew(22deg, 0deg);
    z-index: -1;
    display: none;
}


.cstmr .containerInr {padding-right: 0;}
.globalReachSectionin:before {height: 400px;}

.latestNewsCard .thumBg .thumCont {background: #C45EF0;}
.topStripRmv{margin-bottom: 130px;}
.topStripRmv:after {display: none;}
.redTime {float: right; color: #fff;}
.noFloat {float: none; color: #fff;}
.redDate {color: #fff; padding-bottom: 20px;}
.floatRit {float: right;}

.openings .thumBox {padding: 0 10px;}
.openings .thumBox .thumBoxInr{border: 1px solid #999; padding:10px 20px 30px 20px;}


.openings .title4 {color: #34328F; font-size:24px; padding-bottom: 30px;}
.searhMn .subTitleHd, .faqMn .subTitleHd {font-size:24px; color: #000;  text-transform: none;}


.jobAlert .col3lg {padding-right: 15px;}
.jobAlert .inputFiled {background: none; color: #fff;}
.jobAlert .inputFiled::placeholder {color: #fff;}
.jobAlert .slectList {background: none; color: #fff;}
.dsgntnName {padding: 30px 0 10px 0;}
.dsgntnName .pageTitle h1 {color: #34328F;}
.dsgntnName .pageTitle ul li {color: #000;}
.dsgntnName  .btn img {width: 12px; margin-right: 10px;}
.vacDtlCont .lftRitRow {flex-wrap: wrap;}
.vacDtlCont .lftRitRow .lftCol {width: 100%; padding: 0 0 50px 0;}
.vacDtlCont .lftRitRow .ritCol {width: 100%;}

.vacDtlCont .titleHd {
  font-size: 20px;
  text-transform: none;
  padding-bottom: 0;
  font-family: 'Inter', sans-serif;
}

.vacDtlCont .thumBoxInr {padding: 0;}
.vacDtlCont .ritInrBox {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.vacDtlCont .ritInrBox .thumBox {width: 33%; padding: 0 15px;}
.openings .knowMoreLink { padding: 0 22px 0 0; background-size: 15px; color: #34328F;} 

.topSection .pageTitle h1 {
  color: #34328F;
}

.topSection .pageTitle .faqSrchRow {
  padding-top: 5px;
}

.topSection .pageTitle {padding-bottom: 0;}
.srcTopicList .thumBoxInr .thumImg {position: relative;}
.srcTopicList .thumBoxInr .thumImg:before{
  content: '';
    background: linear-gradient(0deg, rgba(196, 94, 240, 1) 0%, rgba(52, 50, 143, 1) 100%);
    width: 200px;
    height: calc(100% + 30px);
    position: absolute;
    left: 250px;
    top: -15px;
    transform: skew(30deg, 0deg);
    display: block;
}

.contctusInr {display: flex; flex-wrap: wrap;}
.contctusInr .contactFrm {width: 65%; padding-right: 100px;}
.contctusInr .contactInfrm{width: 35%;}


.contctusInr .contactInfrm .titleHd {font-size: 32px;}

.contctAddrs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.contctAddrs p {
  width: calc(100% - 60px);
  padding: 0 0 0 20px;
}

.contctAddrs span {
  width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    background: #C45EF0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.contctAddrs span img {
  max-width: 20px;
}

.contctAddrs {
  margin-bottom: 20px;
}
.contctAddrs a {color: #fff; text-decoration: none;}

.faqListRit {border: 1px solid #000;}
.topSection .lftRitRow {padding-bottom: 50px;}
.fqDtlCont h3 {
  font-size: 20px;
  padding-bottom: 24px;
  color: #34328f;
}

.fqDtlCont p {
  padding-bottom: 20px;
  line-height: 20px;
}

.fqDtlCont li {
  padding-bottom: 16px;
  line-height: 18px;
}

.backpage a {
  color: #000;
  text-decoration: none;
  padding-left: 30px;
  display: inline-block;
  position: relative;
}

.backpage {
  padding-bottom: 30px;
}

.backpage a:before {
  content: '';
  width: 25px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 7px;
}

.backpage a:after {
  content: "";
  border: solid #000;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-229deg);
  -webkit-transform: rotate(-229deg);
  margin: 1px 0 0 3px;
  position: absolute;
  transition: all .5s ease-in;
  left: -2px;
  top: 3px;
}

.bnftMgh {padding: 50px 0; margin-bottom: 0;}
.bnftMgh::before {height: 100%; right: 344px; transform: skew(-17deg, 0deg);}
@media only screen and (min-width: 1599px) {.bnftMgh::before {right: 327px;}}
.brndsLogs:before {right: 247px;}

.overlayVard2.faqTopicList .thumBoxInr a{position: relative;}
.overlayVard2.faqTopicList .thumBoxInr a:before{content: ''; background: linear-gradient(180deg, rgba(52, 50, 143, 0.16) 0%, rgba(52, 50, 143, 0.8) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.faqBox .overlayVard2.faqTopicList  .thumBox .readMore {margin-top: 0;}
.faqBox .overlayVard2.faqTopicList .thumCont h3 {font-family: 'Inter', sans-serif !important; font-size: 22px !important; line-height: 30px !important;}
.alsoLike .thumCont h4 {padding-bottom: 40px;}
.overlayVard2 .thumCont p{padding-bottom: 4px; color: #fff; font-size: 13px;}

.form-item--error-message {color: red;}
.srchBox form {
  width: 100%;
  display: flex;
  align-items: center;
}

.srchBox form .srchFild {
  width: calc(100% - 54px);
  height: 44px;
}

.srchBox form .srcBtn {
  font-size: 0;
}

/* 4 Nov 24 */
.naviagtionBox .topNavLink {display: none;}
.srchWrp .srchBox>div {width: 100%;}
.srchWrp .srchBox form {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.srchBox form .form-item {width: 100%;}
.srchBox form .srchFild {width: 100%;}
.srchWrp .srchBox form .srcBtn {font-size: inherit;}


.imgPlaceholder .thumImg, .imgPlaceholder2 .thumImg {
  padding-bottom: calc(100% / (4 / 4));
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 767px) {
.imgPlaceholder2 .thumImg {
  padding-bottom: calc(100% / (16 / 9));
}
}

.imgPlaceholder .thumImg img, .imgPlaceholder2 .thumImg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-indent: -9999px;
  min-height: 100%;
  object-fit: cover;
  min-width: 100%;
  display: block;
}
.mobileShow {display: none;}

.imgDecorate:before {right: 150px;background: #C45EF0;}
.latestNewsCard .thumCont h4 {padding-bottom: 24px;}
.latestNewsMn::before{right: 400px;}
.faqBox .lftRitRow .lftCol{padding-left: 0;}

.jobAlert.stripR:before {right: 78px;}
.lftCol .hdRow {padding-bottom: 15px;}
.cardsSection .subTitleHd {text-transform: none;}
.fqDtlCont li a {color: #000; text-decoration: none;}

.headerBtm .whitSrch .srchBox label {display: none;}

.timeLineSliderOutr {width: 100%;}

.lgFrm {width: 100%; max-width: 450px; margin: 100px auto;}
.lgFrm .readMore::after {display: none;}
.lgFrm .fildCol {width: 100%; margin-bottom: 20px;}
.lgFrm .titleHd {margin-bottom: 10px;}

@media only screen and (min-width: 767px) {
  .timeLineBox {flex-wrap: wrap;}
  .timeLineSliderOutr {width: 500px;
    transform: rotate(-90deg);
    position: absolute;
    left: -100px;}
  .timeLineSliderOutr .timeLineSlider {width: auto;}
  .timeLineSlider .slick-slide .timeLineText {text-align: center; transform: rotate(90deg);}
  .timeLineMnSlider .timeLineRit {margin-left: 300px;}
  .timeLineMnSlider .timeLineSlider .slick-prev{width: 25px;height: 20px!important;left: -20px!important;top: 18px!important;background: none!important;transform: rotate(-90deg);}
  .timeLineMnSlider .timeLineSlider .slick-next{width: 25px;height: 20px!important;right: -24px!important;bottom: 20px!important;background: none!important;top:inherit!important;transform: rotate(-90deg); left: inherit !important;}
}