html { -webkit-font-smoothing: antialiased; }
:root {
    --black : #000000;
    --maincolor: #800080;
    --altcolor: #008AD2;
    --lightblue:#BCE8FB;
    --darkgray: #7A7A7A;
    --lightgray:#F5F5F5;
    --white: #ffffff;
    --green: #30D969;
   

}
body {font-family: "Roboto", sans-serif; font-size:18px;}
h1 {font-size:44px; }
h2 {font-size:38px; }
h3 {font-size:32px }
h4 {font-size:28px }
h5 {font-size:24px }
h6, p.xl, .xl p, .xl {font-size:22px; margin-bottom: 0;}
p, li {font-size:18px;}
section {padding: 35px 0 !important; position: relative;}
a { text-decoration: none;}
a:hover { color:var(--maincolor)}
p:empty {display: none !important;}

.radius5 { border-radius: 5px;}
.radius10 { border-radius: 10px;}
.radius20 { border-radius: 20px;}
.radius35 { border-radius: 35px;}
.radius100 { border-radius: 100px;}

.light {font-weight: 300;}
.semibold {font-weight: 500; }
.bold {font-weight: 700; }

.purple {color:var(--maincolor) !important;}
.green {color: #1EAF97;}
.blue {color: #008AD2;}
.gold {color:#FECC00;}
.white{color: var(--white);}
.black{color: var(--black);}


.padR50 { padding-right: 50px;}
.padL50 { padding-left: 50px;}


.marR10 {margin-right: 10px;}
.marB10 {margin-bottom: 10px;}
.marB20 {margin-bottom: 20px;}

.relative {position: relative;}

.come_1 {opacity:0; animation: fadeIn_1 1s  forwards;}
.come_2 {opacity:0; animation: fadeIn_2 1s  forwards; animation-delay: 1s;}
.come_3 {opacity:0; animation: fadeIn_3 1s   forwards; animation-delay: 2s;}

@keyframes fadeIn_1 { 0% { opacity: 0;  transform:translateY(20px) } 100%   { opacity: 1;   } }
@keyframes fadeIn_2 { 0% { opacity: 0;  transform:translateX(20px) } 100%   { opacity: 1; left:0; } }
@keyframes fadeIn_3 { 0% { opacity: 0; transform:translateX(-20px) } 100%   { opacity: 1; right:0 } }

.slick-dots {bottom:10px !important;}

.slick-dots li button:before {color: #FFF !important; font-size: 12px !important;}
.slick-dots li.slick-active button:before {color:#FECC00 !important; font-size: 12px !important;} 

.slick-prev {left:25px !important;}
.slick-next {right:25px !important;}

.security_awareness_carousel .slick-dots li button:before {color: #000 !important;}
.security_awareness_carousel .slick-dots li.slick-active button:before {color:var(--maincolor)!important; font-size: 12px !important;} 



.line_seperator {border:0; border-top:solid 1px #CDCDCD !important; margin:25px 0;}
.featurePhoto { border-radius: 18px; border: solid 1px #CDCDCD; padding:3px; align-items: center; display: flex; justify-content: center;}
.featurePhoto img {border-radius: 18px; }

.btn {padding: 8px 20px; margin-right:15px; border-radius: 5px; color: var(--white); background: var(--maincolor); font-size:18px; font-weight: 500;}
.btn:hover {color: var(--white); background: var(--maincolor);  }
.btn.bordered {padding: 10px 20px; border-radius: 5px; color: var(--maincolor); background:transparent; border: solid 1px var(--maincolor); }
.btn.white { background: var(--white); color: var(--maincolor) !important;}
.btn.small {padding: 2px 20px; font-size:var(--font18);}
.btn.medium{padding: 10px 20px; font-size:var(--font20);}
.btn.black { background: var(--black); color: var(--white);}
.btn.bordered.black {  color: var(--black); background:transparent; border: solid 1px var(--black);}
.btn.bordered.white {  color: var(--white); background:transparent; border: solid 1px var(--white);}

.simpleList {margin: 0 0 20px 10px; padding: 0 0 0 10px;}
.featureList {margin: 0 0 20px 10px; padding: 0 0 0 10px; width: 80%;}
.featureList li {margin: 10px 0;}

.extraInfo {display: flex; align-items: center; gap: 25px;}
.extraInfo .capacity { font-size: 24px; font-weight: 600;}
.use_icons {display: inline-flex; max-width: 64px; margin: 20px 0px; }

.logo-list{ display: flex;}
.client-list{ display: flex; flex-wrap: wrap;    list-style: none; align-content: center; align-items: stretch;   align-items: center; margin:0; padding:0}
.client-list li {background: #FFF; border:solid 1px #B1B1B1; border-radius: 10px; padding:15px 20px; margin: 10px; width:15%;  align-content: center;    align-items: center;}  


.text-link {padding: 0; color: var(--maincolor); font-size:var(--font18); text-decoration: none; font-weight: 600;}
.text-link.white {color: var(--white); }
.text-link.black {color: var(--black); }


.pre-header{ font-size: 14px ;  font-weight: var(--normal);  padding:15px 0; border-bottom:solid 1px #E1E1E1;  }
.pre-header a {color:var(--darkgray); margin-left: 10px;}

.header{padding:15px 0 !important;  z-index: 99; position: fixed;  top: 0; left: 0; width: 100%; z-index: 99; background: rgba(255,255,255,0.75);  backdrop-filter: blur(15px);  box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}
  .header .logo {max-width:100%;}
  .header .phone {color: var(--maincolor); font-size:var(--font28); font-weight: var(--bold); }
  .header .phone .icon { max-height: 36px; margin: 0 5px 0 0;}
  .header .nav-link {color: var(--black); font-weight: 400; text-transform: uppercase;  font-size:15px; margin: 0 7px; } 
.header .navbar-toggler {display: none;}
.header .navbar-nav {align-items: center;}
.header .navbar-nav .nav-item {position: relative;}
.navbar-nav .nav-item:hover .dropdown-menu {
    display: block !important;
    margin-top: 0; /* remove the gap so it doesn't close */
    top:calc(100% - 1px ) !important;
}
.header .btn {margin: 0; font-size:16px; }
.nav-link {font-size:var(--body); font-weight: 600; letter-spacing: 0.2px;}
.header .nav-link.show {color:var(--maincolor);}
/* .header .nav-link.show:before {content:'';   width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom:-2px;
    
    border-bottom: 10px solid var(--maincolor); position: absolute; } */
.left-auto {left:auto !important;}

.dropdown-menu {top:calc(100% + 20PX) !important; padding: 15px 25px; background: #FFFFFF; margin-top:0px !important; border-top:solid 2px var(--maincolor); box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.dropdown-menu p {margin-bottom: 5px;}
.dropdown-menu .navList {margin: 0 0 0px 0px; padding: 0px 0px; list-style: none; }
.dropdown-menu .navList li {padding: 5px 0px;}

.dropdown-menu .navList li a {font-size: 15px; position: relative; display:block;  white-space: nowrap;  color:var(--black); padding-left: 12px; }
.dropdown-menu .navList li a:before {content:''; width:4px; height: 4px; background: #7A7A7A; border-radius: 4px; position: absolute; top:7px; left:0;}
.dropdown-menu .navList li:hover a {color:var(--maincolor);}
.dropdown-menu .navList li .tag {font-size: 14px; border-radius: 5px; background: rgba(255,255,255,0.5); padding: 2px 5px; display: inline-block; border:solid 1px #DDD;}
.dropdown-menu .navList li.subtitle{font-size: 14px;}
.dropdown-menu .navList li.subtitle a {padding-left: 0px; }
.dropdown-menu .navList li.subtitle a:before {content:''; display: none;}


.home_banner {position: relative; padding:0px !important; border-radius: 0 0 30px 30px; margin:0 30px; }
.home_banner .slide { position: relative; z-index: 1; max-width: 100%;  border-radius: 0 0 30px 30px; }
.home_banner .slide:after {content:''; position: absolute; left:0; top:0; width:100%; height:100%;  border-radius: 0 0 30px 30px; background:var(--maincolor); mix-blend-mode: multiply; opacity:0.7; z-index: 0;}
.home_banner .slide .slide-content {z-index: 1; position: relative; min-height: 764px; display: flex;  align-items: center;}

.inside_banner {position: relative; padding:0px !important; border-radius: 0 0 30px 30px; margin:0 30px; }
.inside_banner .slide { position: relative; z-index: 1; max-width: 100%;  border-radius: 0 0 30px 30px;  }
.inside_banner .slide:after {content:''; position: absolute; left:0; top:0; width:100%; height:100%;  border-radius: 0 0 30px 30px; background:var(--maincolor); mix-blend-mode: multiply; opacity:0.7; z-index: 0;}
.inside_banner .slide .slide-content {z-index: 1; position: relative; min-height:554px; display: flex; padding-top: 50px;  align-items: center;}

.inside_banner.nooverlay .slide:after {display: none;}

.inside_banner.narrow .slide .slide-content {min-height:300px;}

.vGap100 { height: 100px;}
.vGap50{ height: 50px;}
.vGap25{ height: 25px;}

.slick-list { padding:20px 0 0 0;}
.slick-list .solutionTile { min-height:350px;}
.slick-prev, .slick-next { top:-50px;}
.slick-next{left: auto; right: 40px;}
.slick-prev { left: auto; right: 80px;}
.slick-prev:before, .slick-next:before { color:#0b89c8 !important;}
.slick-prev:before {content:url(../images/icon_carousel_left.svg) !important;}
.slick-next:before {content:url(../images/icon_carousel_right.svg) !important;}

.gradBg { background-image: linear-gradient(to bottom, #E6EBEE 0% , #FFFFFF 51%, #FFFFFF 100%);}

.lightBlueBg { background: #EAF0F3;}
.lightGrayBg { background: var(--lightgray);}
.advantageBg { background: #EAF0F3;}
.purpleGradBg {background: linear-gradient(260.72deg, #E44BE4 -14.8%, #800080 99.45%); }
.blueBg {background: #008AD2; }
.testimonialBg { background: #201620 url(../images/testimonialBg.png) no-repeat center center ; background-size: cover; border-radius: 35px; overflow: hidden;} 
.blueGlowBg { background: #008AD2 url(../images/whiteGlowEffectBg.png) no-repeat center center ; background-size: cover; border-radius: 35px; overflow: hidden;} 
.purpleGlowDoubleBg { background: #201620 url(../images/purpleGlowDoubleBg.png) no-repeat center center ; background-size: cover; border-radius: 35px; overflow: hidden;} 
.testimonialSlide {padding:35px 75px 35px 100px; position: relative;}
.testimonialSlide:before {content:url(../images/icon_quote.svg);  position: absolute; top:10px; left:15px; opacity: 0.2;}

.transparentBg {background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.27) 109.27%); padding:25px; position: relative;}
.topOffset300 {margin-top: -300px;}
.topOffset250 {margin-top: -250px;}
.topOffset200 {margin-top: -200px;}

.testimonialList {display: flex; flex-wrap: nowrap; gap: 25px; list-style: none; margin: 0; padding: 0;}
.ctaBg {background: #D6DFE0; padding:0; border-radius: 20px;}
.ctaImage {border-radius: 20px 0 0 20px;}
.icon.hasBg {background: #FFEBFF;}
.icon.hasTransBg, .hasTransBg {background:rgba(0, 0, 0, 0.20);}

.no-border {border: 0px !important;}
.productThumb {padding:15px; margin-bottom: 25px; display: flex; justify-content: center; align-items: center; text-align: center; background-image: linear-gradient(to top, #F2F5F6 0% , #FFFFFF 51%, #FFFFFF 100%);}
.solutionTile {margin-bottom: 50px !important;}
.industryTile {margin-bottom: 25px; border:solid 1px #CECECE}
.whiteTile {padding: 20px 20px; background: #FFF; color:#000; font-size: 16px !important;}

.numberStepList {list-style: none; display: flex; position: relative; margin: 0; padding: 0;}
.numberStepList li {position: relative;  margin: 0; padding: 0 25px;}
.numberStepList li:before {content:''; width:100%; height: 1px; background: #FFF; position: absolute; top:35px; left:50%; z-index: 0;}
.numberStepList li:last-child:before {display: none;}

.numberStepList_2 {list-style: none; display: flex; position: relative; margin: 0; padding: 0;}
.numberStepList_2 li {position: relative;  margin: 0; padding: 0 25px; }
.numberStepList_2 li:before {content:''; width:100%; height: 5px; background: #DDD; position: absolute; top:35px; left:50%; z-index: -1;}
.numberStepList_2 li:last-child:before {display: none;}

.fourColumn li {width:25%;}
.fiveColumn li {width:20%;}


.whiteNumberTile {background: #FFF; justify-content: center; display: inline-flex; padding:20px 30px; line-height: 50px; text-align: center; z-index: 1;}
.whiteNumberTile h3 {margin: 0; z-index: 1;}

.timelineList {margin: 50px 0; padding: 0; position: relative;}
.timelineList:before {content:''; background: #DDD; width:1px; height: 100%; left: 50%; top:10px; position: absolute;}
.timelineList li {margin: 25px 0; position: relative; padding: 0; display: flex; flex-direction: column; text-align: left; width: 45%; margin-left: 50%; padding-left: 5%;}
.timelineList li:nth-child(even){margin-left: 0; padding-right: 5%; width: 50%; text-align: right; }
.timelineList li::before {content:''; background: #000; border-radius: 30px; width:20px; height: 20px; left: -10px; top:8px; position: absolute;}
.timelineList li:nth-child(even)::before {left:calc(100% - 10px); }

.timelineList li.purple_dot::before { background:var(--maincolor) !important;}
.timelineList li.blue_dot::before { background: #008AD2  !important;}
.timelineList li.green_dot::before { background: #1EAF97  !important;}
.timelineList li.gold_dot::before { background: #FECC00  !important;}


.timeslot {font-size: 14px; padding: 10px 10px 10px 30px;  background: url(../images/icon_time.svg) no-repeat center left;}

.stepline { background: #FFF; height: 1px; width: 1000%; left: 100%; position: absolute; top:50%; z-index: 0;} 

.blogTile {background: #D6DFE0; border-radius: 20px; padding-bottom: 25px; text-align: left; }
.blogTile .blogImage {border-radius: 20px 20px 0 0;}
.blogTile .meta {background:var(--maincolor); color:#FFF; font-size: 14px; padding:10px 25px; display: flex;  flex-direction: row; justify-content: space-between;}
.blogTile .meta .date {background: url(../images/icon_calendar.svg) no-repeat center left; padding-left: 25px;}
.blogTile .meta .category {background: url(../images/icon_folder.svg) no-repeat center left; padding-left: 25px;}
.blogTile .content {padding: 25px;}
.blogTile  .text-link {padding-left: 25px;}

.caseStudyTile {background: #D6DFE0; border-radius: 20px; padding-bottom: 25px; text-align: left; }
.caseStudyTile .caseStudyImage {border-radius: 20px 20px 0 0;}
.caseStudyTile .meta {background:#008AD2; color:#FFF; font-size: 14px; padding:10px 25px; display: flex;  flex-direction: row; justify-content: space-between;}
.caseStudyTile .meta .date {background: url(../images/icon_calendar.svg) no-repeat center left; padding-left: 25px;}
.caseStudyTile .meta .category {background: url(../images/icon_folder.svg) no-repeat center left; padding-left: 25px;}
.caseStudyTile .content {padding: 25px;}
.caseStudyTile  .text-link {padding-left: 25px;}

.borderTile {border:solid 1px #DDD; z-index: 2; position: relative;}
.logoTile {background: #FFF; align-content: center; border-radius: 15px;  border:solid 1px #DCDCDC; padding: 25px 15px; margin-bottom: 25px; box-shadow: 0px 9.6399px 34.7037px rgba(0, 0, 0, 0.1);}


.advantageBox {padding:25px 25px  0 25px;display: flex; flex-direction: column; text-align: left; align-items: start; gap:5px;}
.advantageBox .icon {height:96px;}
.advantageBox .caption {letter-spacing: 1px !important; font-size: 15px;}

.whiteTileCenterIcon {padding:30px; background: #FFF; color:#000; font-size: 16px !important; margin-bottom: 25px;}
.whiteTileCenterIcon p {margin: 0;}

.glow-blue { position: absolute; z-index: -1; width: 250px; height: 250px; bottom: -50px; left: 0; background: rgba(0, 138, 210, 0.40);filter: blur(60px);}
.glow-green{ position: absolute; z-index: -1; width: 250px; height: 250px; bottom: -50px; right: 0; background: rgba(30, 175, 151, 0.40);filter: blur(60px);}
.glow-gold { position: absolute; z-index: -1; width: 250px; height: 250px; bottom: -50px; left: 0; background: rgba(254, 204, 0, 0.40);filter: blur(60px);}

.purpleBoxBg {background: var(--maincolor) !important;}
.greenBoxBg {background:  #1EAF97 !important;}
.blueBoxBg {background:  #008AD2 !important;}
.goldBoxBg {background: #FECC00 !important;}

.purpleMutedBoxBg {background:rgba(128, 0, 128,0.35) !important;}
.greenMutedBoxBg {background:  rgba(30, 175, 151,0.35) !important;}
.blueMutedBoxBg {background:  rgba(0, 138, 210,0.35) !important;}
.goldMutedBoxBg {background: rgba(254, 204, 0,0.35) !important;}

.timelineList li.purple_dot::before { background:var(--maincolor) !important;}
.timelineList li.blue_dot::before { background: #008AD2  !important;}
.timelineList li.green_dot::before { background: #1EAF97  !important;}
.timelineList li.gold_dot::before { background: #FECC00  !important;}

.border-blue {border: solid 10px  #008AD2;}
.border-green {border: solid 10px  #1EAF97;}
.border-gold {border: solid 10px  #FECC00;}
.border-purple { border: 2px solid rgba(243, 146, 243, 0.48);}

.iconLeftTile {padding:0 25px 0 100px; position: relative;}
.iconLeftTile .icon {position: absolute; top:5px; left: 0;}

.iconTopTile {padding:25px; position: relative;}
.iconTopTile .icon {position: relative; margin-bottom: 25px;}

.accordianBg {background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.27) 109.27%); padding:5px; position: relative; margin-bottom:25px; color:#FFF;}
.accordion-button {font-size:24px; font-weight: bold; box-shadow:none; outline:none;}
.accordion-button::after {background:url(../images/accordian_down.svg); width:36px; height: 36px;}
.accordion-button:not(.collapsed)::after {background:url(../images/accordian_down.svg); width:36px; height: 36px; transform: rotate(-180deg);}
.accordion-button, .accordion-body {background: none !important; color:#FFF !important; }
.accordion-button:focus{border:0px !important; box-shadow: none !important;}


.accordion_2 {color:#000}

.accordion_2 .accordian-item {border-top:solid 1px #DDD;}
.accordion_2 .accordian-item:last-child {border-bottom:solid 1px #DDD;}
.accordion_2 .accordion-button {font-size:20px;  font-weight: bold; box-shadow:none; outline:none;}
.accordion_2 .accordion-button::after {background:url(../images/accordian_down_purple.svg) no-repeat; width:24px; height: 24px; position: absolute; right: 10px; top: 20px;}
.accordion_2 .accordion-button:not(.collapsed)::after {background:url(../images/accordian_down_purple.svg)  no-repeat; width:24px; height: 24px; transform: rotate(-180deg);}
.accordion_2 .accordion-button, .accordion_2 .accordion-body {background: none !important; color:#000 !important; padding-right: 100px;}
.accordion_2 .accordion-button:focus{border:0px !important; box-shadow: none !important;}


.productTile {padding: 0px 0 25px 0; margin-bottom: 25px; background: #FFF; border:solid 1px #DDD;}
.productTile .content {padding:20px 50px;}

.formTile{padding:50px 50px; background: #FFF; border:solid 1px #DDD; border-radius: 18px;}

.formCustom .form-group {margin-bottom: 15px;}
.formCustom .form-control:focus, .formCustom .form-control:active, .formCustom .form-control:hover {outline:none !important; box-shadow: none !important;}
.formCustom .form-control {padding: 12px 0; font-size:16px; border:0; border-radius: 0; border-bottom:solid 1px #BABABA; outline:none !important; }
.formCustom .form-control:placeholder {font-size:16px; color:#BABABA}
.formCustom textarea.form-control {resize: none; height: 100px;}

.specTable{width: 100%;  border-bottom:solid 1px #BABABA;  border-top:solid 2px #BABABA;}
.specTable thead th {font-size: 20px; font-weight: 600; padding: 20px 0 10px 0;}
.specTable thead th:first-child {width:350px;}
.specTable tbody td {font-size: 16px; font-weight: 500; padding: 8px 0; border-top:solid 1px #BABABA;} 


.customTabs { margin: 20px auto; display: inline-flex;}
.customTabs {background: #FFF; border: solid 1px #D0D0D0; width:auto; border-radius: 50px; padding: 5px;}
.customTabs .nav-link {background:none; color:var(--black); border-radius: 50px; padding: 10px 30px;}
.customTabs .nav-link.active {background:var(--maincolor);}
#leader .lines {position: absolute; top:50%; margin-top: 0px; left: 0; height: 40px; width: 100%; z-index: 0;  background: url(../images/lines_banner.svg) no-repeat center center;}


.numberCounter {background: #0099DB52; font-size: var(--font20);}
  .numberCounter .numberTile {display: flex; flex-direction: column;}
  .numberCounter .numberTile .number { font-size: var(--font48); color: var(--maincolor);  font-weight: var(--bold);}




  .icon { margin: 0 0 20px 0;}
  .icon.sm {max-height: 36px;}
  .icon.md {max-height: 48px;}
  .icon.xl {max-height: 72px;}

  .testimonialTile  {border:solid 1px #E6EBEE;  font-weight: 500; background-image: linear-gradient(to top, #E6EBEE 0% ,  #FFFFFF 100%);  padding:120px 50px 50px 50px;}
  .testimonialTile .quote:before {content:url(../images/icon_quote.svg); position: absolute;top:-75px; left: 0;}
  .testimonialTile .quote {margin: 0 auto; font-size: 20px; position: relative; line-height: 32px;}
  .testimonialTile .customerName{ font-size: 16px; color:#737B7D;   margin: 15px 0 0 0;}

  .numberCircle {    border-radius: 50%;    width: 72px;    height: 72px;    line-height: 72px;    padding: 0px;    display: inline-block;
    margin-bottom: 25px;    background: var(--maincolor);    border: 2px solid var(--maincolor);    color: var(--white);    text-align: center;
font-weight: 600;    font-size: 32px ;}
 
.accordion-header button {    background-color: rgba(0, 153, 219, 0.16);    border-radius: 6px;    color: var(--maincolor);    font-size: var(--font18);
    font-weight: 500;}
.accordion-header button:focus{    outline: none;}
.accordion-button:not(.collapsed) { color: var(--black);}
.accordion-body{    color: var(--black);    font-size: var(--font16);    font-weight: light;    border-radius: none !important;}
.accordion-item{    margin-bottom: 24px;}

.faq-heading img{    margin-bottom: 32px;}


.contact-us{    padding: var(--py100);    background-color: #0099DB17;    font-size: var(--font18);}  
.contact-us-details {   font-size: var(--font18);     font-weight: normal;}
.contact-us-details .opening-hours{     font-weight: normal;}
.contact-us .social-media{    margin-bottom: 24px;}
.contact-us .social-media a{    margin-right: 16px;}
.contact-us-details p{    margin: 0px 0;}

.contact-us-details .contact-number a{    color: var(--black);
    font-size: var(--font32);
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 16px;
}
.contact-us-details .contact-number a:hover {
    color: var(--black);
}
.copyrightBg {background: #171717; padding: 12px 0  !important; color: #FFF;  font-size: 14px;}
.footer{
    background-color: var(--black);
    padding: 75px 0 25px 0 !important;
    margin: 0 30px;
    border-radius: 30px 30px 0 0;
}  
.footer-description{
    display: flex;
    justify-content: space-between;
}

.footer-payment-services{
    margin-top: 50px;
}
.footer-column { color: var(--white);}
.footer-column h5{
    font-size: 18px;
    color: var(--white);
font-weight: 600;
    padding-bottom: 8px;
    display: inline-block;
}
.footer-links{
    margin: 0px;
    padding: 0;
    font-size:16px;
}
.footer-address{
    margin: 0px;
    padding: 0;
    color: var(--white);
    list-style: none;
    font-size:16px;
}
.footer-address .contactIcon {margin-right: 10px;}
.footer-address li {margin: 10px 0 5px 0px;     font-size:16px; padding-bottom: 10px; border-bottom: solid 1px #333333; vertical-align: middle;}
.footer-address li:last-child {border:0;}
.socaialLink {margin-right: 10px;}
.footer-links li{
        margin: 10px 0 5px 0px;
        position: relative;
        list-style: none;
        padding-left: 15px;
      
}
.footer-links li a:before {content:''; width:4px; height: 4px; background: #7A7A7A; border-radius: 4px; position: absolute; top:10px; left:0;}
.footer-links li a{
    color: var(--white);
    text-decoration: none;
    font-size:16px;
}



.ScrollToTop { position: fixed; bottom:30px; right:30px;}